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)文章
這篇文章主要介紹了微信小程序一鍵復(fù)制到剪切板，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04
這篇文章主要為大家介紹了GoJs中使用HTML方法示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-05-05
avaScript 中的 this 關(guān)鍵字，深入淺出的分析其在不同情況下的含義，形成這種情況的原因以及 Dojo 等 JavaScript 工具中提供的綁定 this 的方法?？梢赃@樣說(shuō)，正確掌握了 JavaScript 中的 this 關(guān)鍵字，才算邁入了 JavaScript 這門語(yǔ)言的門檻。2014-12-12
之前講了javascript對(duì)正則表達(dá)式的實(shí)現(xiàn)方式了，只定義了正則表達(dá)式，但是如何在javascript中真正使用正則表達(dá)式呢？在javascript中RegExp和String對(duì)象都有處理正則表達(dá)式的方法。2015-08-08
JavaScript實(shí)現(xiàn)按鍵精靈的原理分析
這篇文章主要介紹了JavaScript實(shí)現(xiàn)按鍵精靈的原理分析,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2017-02-02
Javascript es7中比較實(shí)用的兩個(gè)方法示例
這篇文章主要給大家分享了關(guān)于Javascript es7中比較實(shí)用的兩個(gè)方法示例，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友可以參考借鑒，下面來(lái)一起看看吧。2017-07-07
小程序云開(kāi)發(fā)如何實(shí)現(xiàn)圖片上傳及發(fā)表文字
這篇文章主要為大家詳細(xì)介紹了小程序云開(kāi)發(fā)教程，如何實(shí)現(xiàn)圖片上傳及發(fā)表文字，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-05-05
bootstrap折疊調(diào)用collapse()后data-parent不生效的快速解決辦法
今天做的項(xiàng)目，用到了bootstrap的折疊功能，這個(gè)功能需要只展開(kāi)一個(gè)折疊框，點(diǎn)擊一個(gè)就會(huì)自動(dòng)隱藏另一個(gè)，實(shí)現(xiàn)起來(lái)也很容易，但是在測(cè)試時(shí)同事提出了一個(gè)bug，怎么解決呢？今天小編通過(guò)本教程給大家分享下2017-02-02
JS前端攻堅(jiān)Eventbus實(shí)現(xiàn)更新示例詳解
這篇文章主要為大家介紹了JS前端攻堅(jiān)Eventbus實(shí)現(xiàn)更新示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-12-12
在js里取值，可以用form.xx.value，也可以用form.all.xx.value，那么js取值中form.all和不加all有什么區(qū)別呢？下面就為大家詳細(xì)介紹下2014-01-01