DOM修改

㈠DOM標准

核心DOM：                                                                               HTML DOM：

可操作一切結構化文檔的API                                    專門操作HTML文檔的簡化版DOM API

包括HTML和XML                                                      僅對常用的復雜的API進行了簡化

萬能！                                                                       不是萬能！

繁瑣！                                                                       簡單！

 

開發：先用簡單的，再用復雜的補充——以實現效果為目標

 

㈡修改屬性

核心DOM：4個操作

 

⑴讀取屬性值：2種:（了解）

①先獲得屬性節點對象，再獲得節點對象的值：

var attrNode = elem.attributes[下標/屬性名]; var attrNode = elem.getAttributeNode(屬性名) attrNode.value——屬性值

 

②直接獲得屬性值

var value = elem.getAttribute("屬性名")；

 

⑵修改屬性值

elem.setAttribute("屬性名"，value)；

 

示例：

var h1 = document.getElementById("a1"); h1.setAttributeNode("name",zhangjie);

 

⑶判斷是否包含指定屬性：

var bool = elem.hasAttribute("屬性名")

 

示例：

elem.hasAttribute("屬性名") //true或false 

document.getElementById('bt1').hasAttribute('onclick');

 

⑷移除屬性

elem.removeAttribute("屬性名")

 

案例：

<a id = "alink" class = "slink" href= "javascript:void(0)" onclick = "jump()">百度搜索</a> var a = document.getElementById('alink'); a.removeAttribute('class');

 

㈢修改樣式

⑴內聯樣式：elem.style.屬性名

⑵強調：屬性名：去橫線，變駝峰

⑶比如：css:background-color => backgroundColor

                     list-style-type => listStyleType