 
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)文章

js DOM 元素ID就是全局變量
有人在twitter上提到了:在Chrome的JavaScript終端中,你只需要輸入一個(gè)元素的ID,就可以訪問到這個(gè)元素.@johnjbarton給了解釋,這是因?yàn)樗械脑豂D都是全局變量.本文再詳細(xì)解釋一下
2012-09-09
javascript針對(duì)DOM的應(yīng)用分析（三）
前兩章講了獲取DOM元素。這章就開始講如何操作dom。1.針對(duì)頁面上有的DOM元素操作，無非就是對(duì)這個(gè)dom元素的樣式進(jìn)行操作
2012-04-04
javascript針對(duì)DOM的應(yīng)用分析（二）
今天第二章，繼續(xù)講獲取頁面中DOM元素。大家都知道在JQ中想獲取一個(gè)元素的兄弟元素，父級(jí)元素，子元素等等是非常方便的
2012-04-04
javascript針對(duì)DOM的應(yīng)用實(shí)例（一）
所謂針對(duì)DOM的應(yīng)用。也就我這里只教大家用javascript操作頁面中dom元素做交互
2012-04-04
Dom入門教程圖解推薦
Dom并非一種編程語言，Dom只是提供了一系列的接口，利用Dom的這些接口可以很方便的讀取，修改，刪除Html和XML文件中的標(biāo)簽元素和文本內(nèi)容．在這里我們側(cè)重于講解Dom對(duì)Html文件的操作．
2010-08-08
Dom 是什么的詳細(xì)說明
Dom 英文全稱－Document Object Model 譯成中文即是：文檔對(duì)像模型．聽起來很術(shù)語，其實(shí)就是文檔內(nèi)容的結(jié)構(gòu)關(guān)系．文檔類型可以是HTML或XML。
2010-10-10
前端單元測試之UI測試功能性代碼測試教程
這篇文章主要為大家介紹了前端單元測試之UI測試及功能性代碼測試教程示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-08-08
HTML Dom與Css控制方法
HTML Dom與Css的關(guān)系，大家都知道Css是用來美化網(wǎng)頁．更改網(wǎng)頁中元素的外觀．
2010-10-10
Dom與瀏覽器兼容性說明
如果你還不了解Dom或不知道Dom的作用．請(qǐng)閱讀：Dom是什么？
2010-10-10
javascript拓展DOM操作 prependChild insertAfert
Javascript dom操作中有appendChild 和insertBefore 卻沒有prependChild 和insertAfter
2010-11-11