js中获取节点的方式

1. 获取节点

1.1 根据类名获取节点

var x1=document.getElementsByClassName(“demo”);

1.2 根据标签名获取节点

var x2 = document.getElementsByTagName(“p”);
console.log(x2[0]);

1.3 根据id获取节点

var x3 = document.getElementById(“demo1”);
console.log(x3);

2. 获取父节点

var x5 = 节点.parentNode;
console.log(x5);

3.获取兄弟节点

3.1 下一个兄弟节点

var x6 = 节点.nextElementSibling;

3.2 上一个兄弟节点

var x7 = 节点.previousElementSibling;

4. 获取子节点

4.1 获取第一个子节点

var x9 = 节点.firstChild;

4.2 获取最后一个子节点

var x11 = 节点.lastElementChild;

4.3 获取所有子节点

包含空格、换行等

var x13 = x8.childNodes

获取元素子节点

var x12 = 节点.children;