JavaScript获取节点及元素的代码解析
程序员文章站
2022-05-06 22:44:38
javascript 获取节点及元素的代码
2nodetype:
1---标签节点
2---属性节点
3---文本节点
nodename:
标签节点---大写的标签名字
属性节点---小写的属性名字...
javascript 获取节点及元素的代码
2nodetype:1---标签节点
2---属性节点
3---文本节点
nodename:
标签节点---大写的标签名字
属性节点---小写的属性名字
文本节点---#text
nodevalue:
标签---null
属性---属性的值
文本---文本内容
二、获取节点及元素的代码:
获取当前节点的父级节点
console.log(document.getelementbyid("example").parentnode);
获取当前节点的父级元素
console.log(document.getelementbyid("example").parentelement);
获取当前节点的子级节点
console.log(document.getelementbyid("example").childnodes);
获取当前节点的子级元素
console.log(document.getelementbyid("example").children);
获取当前节点的第一个子级节点
console.log(document.getelementbyid("example").firstchild);
获取当前元素的第一个子级元素
console.log(document.getelementbyid("example").firstelementchild);
获取当前节点的最后一个子级节点
console.log(document.getelementbyid("example").lastchild);
获取当前元素的最后一个子级元素
console.log(document.getelementbyid("example").lastelementchild);
获取当前节点的前一个兄弟节点
console.log(document.getelementbyid("example").previoussibling);
获取当前节点的前一个兄弟元素
console.log(document.getelementbyid("example").parentelementsibling);
获取当前节点的后一个兄弟节点
console.log(document.getelementbyid("example").nextsibling);
获取当前节点的后一个兄弟元素
console.log(document.getelementbyid("example").nextelementsibling);
ps:凡是获取元素的代码ie8不支持
推荐阅读