코드 복사 코드는 다음과 같습니다. 20120430dom操作属性节点.htm <br> //Attr(属性)虽然是节点 但是不能用firstChild和childNodes等访问<br> function testBtn() {<br> // var myNode = document.getElementById("btn");//得到element标签 <br> // var myNodeName = myNode.nodeName;//得到上述标签的名字为按钮<br> // var x = myNode.attributes["onclick"].nodeType;//atrributes为一个属性数组 本句话的意思是找到标签为'btn'的nodeType=2为属性<br> // if (x == 2) {<br> // alert("您访问到的是一个属性节点！");<br> // }<br> //下面是对某节点属性的修改代码================================================================<br> //============================================================================================<br> var myNode = document.getElementById("btn");//得到element标签 <br> var x = myNode.getAttribute("id");//获取该标签的id属性<br> myNode.setAttribute("value", "test");//修改标签的id属性<br> var y = myNode.getAttribute("value");<br> alert("id的属性由“" + x + "”变成了“" + y + "”");<br> //下面是为某元素添加属性=====================================================================<br> //============================================================================================<br> var myAtrr = document.createAttribute("class");<br> myAtrr.nodeValue = "classStyle";<br> myNode.setAttribute(myAtrr);<br><br> //getAttributeNode 和getAttribute的区别是获取属性值 - getAttribute() <br> //getAttribute("") 方法返回属性的值。 <br> //获取属性值 - getAttributeNode() <br> //getAttributeNode("") 方法返回属性节点，getAttributeNode('').value取得节点值。 <p> // 브라우저마다 결과가 다릅니다. ============================ =================<br> If (myNode.getAttributeNode("class") != null)<br> Alert("성공적으로 추가되었습니다!!");<br> else<br> ~ 경고("성공적으로 추가되지 않았습니다." . ==================================== ===========<br> //================================ ================================================== =======<br> myNode.removeAttribute("class"); else // 경고("성공하지 못함) ful"); <br> var delnode = mynode.getattributeNode ("클래스"); <br> if (mynode.getattribute ("class") == null) <br> Alert ("" 삭제 성공! ");<br> else<br> Alert("성공하지 못함");<br> }<br> < ;/script><br></head><br><body><br><h1>2장 dom 소개</h1><br><p id="p1">dom 소개< ;/p><br><p>사용 방법<a href=" #" name="link">dom</a></p><br><input id="btn" 유형 ="button" onclick="testBtn()" value="Test"/> <br></body><br></html><br><br><br> Node가 있는 경우와 Node가 없는 경우의 매개변수 메서드<br></p> </div>
