getElementByID、createElement、appendChild幾個(gè)DHTML元素第2/2頁(yè)
更新時(shí)間:2008年06月25日 21:17:24 作者:
WEB標(biāo)準(zhǔn)下可以通過(guò)getElementById(), getElementsByName(), and getElementsByTagName()訪問(wèn)
appendChild方法的使用
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>無(wú)標(biāo)題文檔</title>
</head>
<script language="javascript">
//生成與輸入內(nèi)容匹配行
function setNames() {
completeBody = document.getElementById("complete_body");
var row, cell, txtNode;
//var nextNode = names[i].firstChild.data;
row = document.createElement("tr");
cell = document.createElement("td");
cell.setAttribute("bgcolor", "#FFFAFA");
cell.setAttribute("border", "0");
//txtNode = document.createTextNode(nextNode);
alert("sdf");
var newText = document.createTextNode("This is the second paragraph.");
//txtNode=document.createElement("div");
alert("sdf1");
cell.appendChild(newText);
alert("sdf2");
row.appendChild(cell);
completeBody.appendChild(row);
}
</script>
<body>
<input type="submit" name="sdf" onclick="setNames()">
<table id="complete_table" bgcolor="#FFFAFA" border="0"
cellspacing="0" cellpadding="0" />
<tbody id="complete_body"></tbody>
</table>
</body>
</html>
=================================
createElement
<html>
<head>
<title>createElement</title>
<script language="javascript">
<!--
var i=0 ;
function addInput() {
var o = document.createElement("input");
o.type = "button" ;
o.value = "按鈕" + i++ ;
o.attachEvent("onclick",addInput);
document.body.appendChild(o);
o = null;
}
//-->
</script>
</head>
<body onload="addInput();">
</body>
</html>
您可能感興趣的文章:
- 原生js操作checkbox用document.getElementById實(shí)現(xiàn)
- 一行代碼告別document.getElementById
- js querySelector和getElementById通過(guò)id獲取元素的區(qū)別
- getElementByIdx_x js自定義getElementById函數(shù)
- document.getElementById介紹
- document.getElementById方法在Firefox與IE中的區(qū)別
- document.getElementById為空或不是對(duì)象的解決方法
- document.getElementById獲取控件對(duì)象為空的解決方法
相關(guān)文章
js 禁止選擇功能實(shí)現(xiàn)代碼(兼容IE/Firefox)
有時(shí)候出于某種需要,不希望用戶可以選擇某個(gè)區(qū)域,進(jìn)行下面的操作,這里給出簡(jiǎn)單的代碼。2010-04-04JavaScript 小型打飛機(jī)游戲?qū)崿F(xiàn)原理說(shuō)明
這次為大家?guī)?lái)的小游戲是:打飛機(jī)。呃。。。我本人就寫(xiě)不出什么驚天大作的游戲的了,只能寫(xiě)寫(xiě)小游戲,代碼量小,又可以學(xué)習(xí),主要是想法思路,代碼量大,估計(jì)也沒(méi)啥人會(huì)去研究學(xué)習(xí)。。。2010-10-10關(guān)于JS判斷圖片是否加載完成且獲取圖片寬度的方法
本篇文章小編為大家介紹,關(guān)于JS判斷圖片是否加載完成且獲取圖片寬度的方法,有需要的朋友可以參考一下2013-04-04網(wǎng)頁(yè)廣告中JS代碼的信息監(jiān)聽(tīng)示例
在一些網(wǎng)頁(yè)廣告中提供的JS代碼可以進(jìn)行代碼注入,然后監(jiān)視各種元素,下面有個(gè)示例,大家可以參考下2014-04-04javascript內(nèi)嵌式與外鏈?zhǔn)降幕緫?yīng)用方式
這篇文章主要介紹了javascript內(nèi)嵌式與外鏈?zhǔn)降幕緫?yīng)用方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2021-12-12JavaScript的內(nèi)置對(duì)象Math和字符串詳解
這篇文章主要為大家介紹了JavaScript的內(nèi)置對(duì)象Math和字符串,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下,希望能夠給你帶來(lái)幫助2021-11-11