createElement動態(tài)創(chuàng)建HTML對象腳本代碼
更新時間:2008年11月24日 20:56:47 作者:
利用createElement動態(tài)創(chuàng)建鏈接,div等代碼
1.創(chuàng)建鏈接
復(fù)制代碼 代碼如下:
<script language="javascript">
var o = document.body;
//創(chuàng)建鏈接
function createA(url,text)
{
var a = document.createElement("a");
a.href = url;
a.innerHTML = text;
a.style.color = "red";
o.appendChild(a);
}
createA("http://www.dbjr.com.cn/","牛C網(wǎng)");
</script>
2.創(chuàng)建DIV
復(fù)制代碼 代碼如下:
<script language="javascript">
var o = document.body;
//創(chuàng)建DIV
function createDIV(text)
{
var div = document.createElement("div");
div.innerHTML = text;
o.appendChild(div);
}
createDIV("牛C網(wǎng):http://www.dbjr.com.cn/");
</script>
3.創(chuàng)建表單項
復(fù)制代碼 代碼如下:
<script language="javascript">
var o = document.body;
//創(chuàng)建表單項
function createInput(sType,sValue)
{
var input = document.createElement("input");
input.type = sType;
input.value = sValue;
o.appendChild(input);
}
createInput("button","ooo");
</script>
4.創(chuàng)建表格
復(fù)制代碼 代碼如下:
<script language="javascript">
var o = document.body;
//創(chuàng)建表格
function createTable(w,h,r,c)
{
var table = document.createElement("table");
var tbody = document.createElement("tbody");
table.width = w;
table.height = h;
table.border = 1;
for(var i=1;i<=r;i )
{
var tr = document.createElement("tr");
for(var j=1;j<=c;j )
{
var td = document.createElement("td");
td.innerHTML = i "" j;
//td.appendChild(document.createTextNode(i "" j));
td.style.color = "#FF0000";
tr.appendChild(td);
}
tbody.appendChild(tr);
}
table.appendChild(tbody);
o.appendChild(table);
}
createTable(270,270,9,9);
</script>
您可能感興趣的文章:
- createElement與createDocumentFragment的點點區(qū)別小結(jié)
- javascript createElement()創(chuàng)建input不能設(shè)置name屬性的解決方法
- Javascript createElement和innerHTML增加頁面元素的性能對比
- getElementByID、createElement、appendChild幾個DHTML元素
- 動態(tài)加載js文件 document.createElement
- IE中createElement需要注意的一個問題
- document.createElement("A")比較不錯的屬性
- document.createElement()用法
- document.createElement()用法及注意事項(ff下不兼容)
相關(guān)文章
bootstrapValidator 重新啟用提交按鈕的方法
bootstrapValidator 使用中,由于字段檢查等原因,致使提交按鈕失效。如何重新啟用提交按鈕呢?下面小編給大家介紹下bootstrapValidator 重新啟用提交按鈕的方法,需要的朋友可以參考下2017-02-02JavaScript實現(xiàn)煙花特效(面向?qū)ο?
這篇文章主要為大家詳細(xì)介紹了JavaScript使用面向?qū)ο缶幊虒崿F(xiàn)煙花特效,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下2021-08-08JavaScript的內(nèi)置對象Math和字符串詳解
這篇文章主要為大家介紹了JavaScript的內(nèi)置對象Math和字符串,具有一定的參考價值,感興趣的小伙伴們可以參考一下,希望能夠給你帶來幫助2021-11-11