javascript 操作节点的属性

2023-11-08 01:23•javascript•阅读 3130

使用层次关系访问节点

parentNode：返回节点的父节点

childNodes:返回子节点集合，childNodes[i]

firstChild:返回节点的第一个子节点，最普遍的用法是访问该元素的文本节点

firstElementChild:返回节点的第一个元素节点

lastChild:返回节点的最后一个子节点

lastElementChild:返回节点的最后一个子节点的元素节点

nextSibling:下一个节点

previousSibling:上一个节点

setAttribute()设置某个节点的属性值

　　节点对象.setAttribute("属性名","属性值")

getAttribute（）获取某个节点的属性值

　　节点对象.getAttribute("属性名")

例如：

<!DOCTYPE html>

<html >

<head>

　　<title>node节点</title>

</head>

　　onload=function(){

　　　　var node1=document.getElementsByTagName("ul")[0];

　　　　//console.log(node1.childNodes);

　　　　node1.setAttribute("xxyy","1122")

　　　　console.log(node1.firstElementChild.getAttribute("xxyy"));

　　}

</script>

<body>

　　<ul>

　　</ul>

</body>

</html>