本文介绍了如何使用DOM API进行节点操作，包括访问父节点、子节点、兄弟节点等基本方法，并展示了如何设置和获取节点属性的具体实例。
使用层次关系访问节点
parentNode：返回节点的父节点
childNodes:返回子节点集合，childNodes[i]
firstChild:返回节点的第一个子节点，最普遍的用法是访问该元素的文本节点
firstElementChild:返回节点的第一个元素节点
lastChild:返回节点的最后一个子节点
lastElementChild:返回节点的最后一个子节点的元素节点
nextSibling:下一个节点
previousSibling:上一个节点
setAttribute()设置某个节点的属性值
节点对象.setAttribute("属性名","属性值")
getAttribute（）获取某个节点的属性值
节点对象.getAttribute("属性名")
例如：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>node节点</title>
</head>
<script>
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>
<li id="a" xxyy="ooxx">asdf</li>
<li id="b"></li>
<li id="c"></li>
</ul>
</body>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
