欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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>

相關(guān)文章

  • bootstrapValidator 重新啟用提交按鈕的方法

    bootstrapValidator 重新啟用提交按鈕的方法

    bootstrapValidator 使用中,由于字段檢查等原因,致使提交按鈕失效。如何重新啟用提交按鈕呢?下面小編給大家介紹下bootstrapValidator 重新啟用提交按鈕的方法,需要的朋友可以參考下
    2017-02-02
  • js canvas仿支付寶芝麻信用分儀表盤

    js canvas仿支付寶芝麻信用分儀表盤

    這篇文章主要為大家詳細(xì)介紹了js canvas仿支付寶芝麻信用分儀表盤,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2016-11-11
  • Javascript事件熱鍵兼容ie|firefox

    Javascript事件熱鍵兼容ie|firefox

    Javascript熱鍵兼容ie,firefox,需要的朋友可以參考下。
    2010-12-12
  • JavaScript實現(xiàn)煙花特效(面向?qū)ο?

    JavaScript實現(xiàn)煙花特效(面向?qū)ο?

    這篇文章主要為大家詳細(xì)介紹了JavaScript使用面向?qū)ο缶幊虒崿F(xiàn)煙花特效,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2021-08-08
  • JS實現(xiàn)的點擊按鈕圖片上下滾動效果示例

    JS實現(xiàn)的點擊按鈕圖片上下滾動效果示例

    這篇文章主要介紹了JS實現(xiàn)的點擊按鈕圖片上下滾動效果,涉及javascript事件響應(yīng)及頁面元素屬性動態(tài)操作相關(guān)實現(xiàn)技巧,需要的朋友可以參考下
    2019-01-01
  • JavaScript的內(nèi)置對象Math和字符串詳解

    JavaScript的內(nèi)置對象Math和字符串詳解

    這篇文章主要為大家介紹了JavaScript的內(nèi)置對象Math和字符串,具有一定的參考價值,感興趣的小伙伴們可以參考一下,希望能夠給你帶來幫助
    2021-11-11
  • 理解JavaScript設(shè)計模式中的建造者模式

    理解JavaScript設(shè)計模式中的建造者模式

    這篇文章主要介紹了理解JavaScript設(shè)計模式中的建造者模式,文章基于JavaScript的相關(guān)資料展開箱子內(nèi)容介紹,具有一定的參考價值,需要的小伙伴可以參考一下
    2022-04-04
  • js仿百度貼吧驗證碼特效實例代碼

    js仿百度貼吧驗證碼特效實例代碼

    這篇文章主要介紹了js仿百度貼吧驗證碼特效實例代碼,有需要的朋友可以參考一下
    2014-01-01
  • Bootstrap源碼解讀下拉菜單(4)

    Bootstrap源碼解讀下拉菜單(4)

    這篇文章主要源碼解讀了Bootstrap下拉菜單,介紹了Bootstrap各式各樣的下拉菜單,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2016-12-12
  • Js實現(xiàn)網(wǎng)頁鍵盤控制翻頁的方法

    Js實現(xiàn)網(wǎng)頁鍵盤控制翻頁的方法

    這篇文章主要介紹了Js實現(xiàn)網(wǎng)頁鍵盤控制翻頁的方法,較為詳細(xì)的分析了Js實現(xiàn)網(wǎng)頁鍵盤控制翻頁的原理與具體實現(xiàn)方法,非常具有實用價值,需要的朋友可以參考下
    2014-10-10

最新評論