javascript_jquery에서 Attr(dom의 속성) 작업에 대한 설명 예

코드 복사 코드는 다음과 같습니다. 20120430dom操作属性节点.htm //Attr(属性)虽然是节点 但是不能用firstChild和childNodes等访问 function testBtn() { // var myNode = document.getElementById("btn");//得到element标签 // var myNodeName = myNode.nodeName;//得到上述标签的名字为按钮 // var x = myNode.attributes["onclick"].nodeType;//atrributes为一个属性数组 本句话的意思是找到标签为'btn'的nodeType=2为属性 // if (x == 2) { // alert("您访问到的是一个属性节点！"); // } //下面是对某节点属性的修改代码================================================================ //============================================================================================ var myNode = document.getElementById("btn");//得到element标签 var x = myNode.getAttribute("id");//获取该标签的id属性 myNode.setAttribute("value", "test");//修改标签的id属性 var y = myNode.getAttribute("value"); alert("id的属性由“" + x + "”变成了“" + y + "”"); //下面是为某元素添加属性===================================================================== //============================================================================================ var myAtrr = document.createAttribute("class"); myAtrr.nodeValue = "classStyle"; myNode.setAttribute(myAtrr);

//getAttributeNode 和getAttribute的区别是获取属性值 - getAttribute() //getAttribute("") 方法返回属性的值。 //获取属性值 - getAttributeNode() //getAttributeNode("") 方法返回属性节点，getAttributeNode('').value取得节点值。 // 브라우저마다 결과가 다릅니다. ============================ ================= If (myNode.getAttributeNode("class") != null) Alert("성공적으로 추가되었습니다!!"); else ~ 경고("성공적으로 추가되지 않았습니다." . ==================================== =========== //================================ ================================================== ======= myNode.removeAttribute("class"); else // 경고("성공하지 못함) ful"); var delnode = mynode.getattributeNode ("클래스"); if (mynode.getattribute ("class") == null) Alert ("" 삭제 성공! "); else Alert("성공하지 못함"); } &lt ;/script> 2장 dom 소개 dom 소개&lt ;/p> 사용 방법 dom

Node가 있는 경우와 Node가 없는 경우의 매개변수 메서드