javascript 操作节点的属性

最新推荐文章于 2020-09-06 22:37:57 发布

weixin_30569001

最新推荐文章于 2020-09-06 22:37:57 发布

阅读量140

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/i1991/p/7161387.html

本文介绍了如何使用DOM API进行节点操作，包括访问父节点、子节点、兄弟节点等基本方法，并展示了如何设置和获取节点属性的具体实例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

使用层次关系访问节点

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>