快捷導(dǎo)航

Dom 結(jié)點(diǎn)創(chuàng)建基礎(chǔ)知識(shí)

更新時(shí)間：2011年10月01日 00:41:14 作者：

節(jié)點(diǎn)操作基礎(chǔ)知識(shí)回顧，需要dom操作的朋友可以參考下。

 
var body = document.body; 
var html = document.documentElement; 
var div = document.createElement("div"); 
var p = document.createElement("p"); 
var ali = document.createTextNode("alipay"); 
p.appendChild(ali); 
div.appendChild(p); 
div.setAttribute("id","fn-div"); 
div.setAttribute("class","fn-class"); 
body.appendChild(div); 

var arr = div.attributes; 
for(var i=0;i<arr.length;i++){ 
console.log(arr[i].name + ":" + arr[i].value); 
} 

您可能感興趣的文章:

相關(guān)文章

前端單元測試之UI測試功能性代碼測試教程
這篇文章主要為大家介紹了前端單元測試之UI測試及功能性代碼測試教程示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-08-08
操作Dom中的子元素與兄弟元素的代碼
無論是在HTML里或XML文件里．都存在著子元素與兄弟元素的概念．那么我們?nèi)绾问褂肈om正確的操作這些元素．
2010-10-10
Dom入門教程圖解推薦
Dom并非一種編程語言，Dom只是提供了一系列的接口，利用Dom的這些接口可以很方便的讀取，修改，刪除Html和XML文件中的標(biāo)簽元素和文本內(nèi)容．在這里我們側(cè)重于講解Dom對(duì)Html文件的操作．
2010-08-08
js DOM 元素ID就是全局變量
有人在twitter上提到了:在Chrome的JavaScript終端中,你只需要輸入一個(gè)元素的ID,就可以訪問到這個(gè)元素.@johnjbarton給了解釋,這是因?yàn)樗械脑豂D都是全局變量.本文再詳細(xì)解釋一下
2012-09-09
需要做特殊處理的DOM元素屬性的訪問
這些都是很基礎(chǔ)的，很簡單，記下來都是因?yàn)榕伦约阂粫r(shí)想不起來了，到時(shí)可以看看，順便鞏固下自己的基礎(chǔ)知識(shí)。
2010-11-11
Dom在ajax技術(shù)中的作用說明
Dom的功能確實(shí)很強(qiáng)大，在JavaScript的驅(qū)使下Dom能做的事太多了．
2010-10-10
Dom 結(jié)點(diǎn)創(chuàng)建基礎(chǔ)知識(shí)
節(jié)點(diǎn)操作基礎(chǔ)知識(shí)回顧，需要dom操作的朋友可以參考下。
2011-10-10
javascript針對(duì)DOM的應(yīng)用實(shí)例（一）
所謂針對(duì)DOM的應(yīng)用。也就我這里只教大家用javascript操作頁面中dom元素做交互
2012-04-04
DOM 高級(jí)編程
這篇文章主要介紹了DOM 高級(jí)編程,需要的朋友可以參考下
2015-05-05
javascript針對(duì)DOM的應(yīng)用分析（四）
從這張開始就和大家說一些實(shí)用的效果的寫法。當(dāng)然首當(dāng)其沖的就是我們可愛的TAB選項(xiàng)卡，用JQ寫選項(xiàng)卡當(dāng)然是很方便的而且方法也很多。其實(shí)用原生的JS寫選項(xiàng)卡方法也很多
2012-04-04