1.getElementById()----通过ID获取

2.getElementsByTagName()--通过标签名获取

3.getElementsByClassName()--通过class(类名)获取

4.querySelector()----()号里可以根据css选择器的形式获取，获取第一个

5.querySelectorAll()--同上，获取所有""里的内容，返回的是一个“伪数组”

6.getElementsByName()---通过name属性来获取表单元素,一般也只用于表单元素

<li>li1</li> <li id="li2">li2</li> <li class="li3">li3</li> <li id="li4">li4</li> <li class="li5">li5</li> <input type="text" name="abc" value="你说呢"> <script> //通过id获取 let li2=document.getElementById("li2"); // li2变成红色 li2.style.color="red"; //通过class获取,返回的是一个伪数组 let li3=document.getElementsByClassName("li3"); //li3变成绿色 li3[0].style.color="green"; //通过标签名获取,获取的也是一个伪数组 let li = document.getElementsByTagName("li"); //第一个li变成粉色 li[0].style.color="pink"; //通过querySelector获取 let li4=document.querySelector("#li4"); li4.style.color="blue"; //通过querySelectorAll()获取 let li5=document.querySelectorAll(".li5"); //class为li5的第一个颜色变为紫色 li5[0].style.color="purple"; //通过name属性获取表单元素 let abc=document.getElementsByName("abc"); //name为abc的第一个元素字体变为红色 abc[0].style.color="red"; </script>

获取子节点：

1.通过一个一个.获取节点：

2.通过childNodes获取子节点:返回的也是子节点集合，是一个数组的格式。他会把换行和空格也当成是节点信息。

3.通过children获取，不过他也是数组，按照数组的形式访问就行

4.获取第一个子节点：firstChild,firstElementChild

5.获取最后一个子节点：lastChild,lastElementChild

//通过每一层.获取节点:
let b=document.getElementById("li01").querySelector("span");
alert(b.innerHTML);
//通过childNodes获取子节点:返回的也是子节点集合，是一个数组的格式。他会把换行和空格也当成是节点信息。
let c=document.getElementById("li02").childNodes;
alert(c[0].innerHTML);
//通过children获取，不过他也是数组，按照数组的形式访问就行
let d=document.getElementById("li03").children[0];
alert(d.innerHTML);
//获取第一个子节点：firstChild
let e=document.getElementById("li04").firstChild;//会匹配换行和空格
let f=document.getElementById("li04").firstElementChild;
//获取最后一个子节点：
let g=document.getElementById("li05").lastChild;//会匹配换行和空格
let h=document.getElementById("li05").lastElementChild;

获取父节点：

1.获取单个父节点：parentNode,parentElement

let i=document.getElementById("li05").parentNode;
let j=document.getElementById("li05").parentElement;

2.获取所有父节点：offsetParent。返回的是个伪数组

let k=document.getElementById("li05").offsetParent;

获取兄弟节点

1.通过获取父节点再获取子节点来获取兄弟节点：

var brother1 = document.getElementById("li05").parentNode.children[1];
2.获取上一个节点
 
var brother2=document.getElementById("li05").previousElementSibling;
var brother2=document.getElementById("li05").previousSibling;
 
3.获取下一个节点
 
var brother4 = document.getElementById("test").nextElementSibling;
var brother5 = document.getElementById("test").nextSibling;
 
                    2.通过childNodes获取子节点:返回的也是子节点集合，是一个数组的格式。6.getElementsByName()---通过name属性来获取表单元素,一般也只用于表单元素。5.querySelectorAll()--同上，获取所有""里的内容，返回的是一个“伪数组”4.querySelector()----()号里可以根据css选择器的形式获取，获取第一个。2.getElementsByTagName()--通过标签名获取。1.getElementById()----通过ID获取。......
通过获取dom方式直接获取子节点
通过childNodes集合，获取子节点
使用childNodes获取子节点的时候，childNodes返回的是子节点的集合，是一个数组的格式。他会把换行和空格也当成是节点信息。【需要进行过滤，通过正则表达式】
var b =document.getElementById("test").childNodes;
通过children数组，来获取子节点
利用chi
				
如何获取要更新的元素，是首先要解决的问题。令人欣慰的是，使用JavaScript获取节点的方法有很多种，这里简单做一下总结（以下方法在IE7和Firefox2.0.0.11测试通过）：        1. 通过顶层document节点获取：            （1） document.getElementById(elementId)：该方法通过节点的ID，可以准确获得需要的元素，是比较简单快捷的方法。如果页面上含有多个相同id的节点，那么只返回第一个节点。             如今，已经出现了如prototype、Mootools等多个JavaScript库，它们提供了更简便的方法：
1. 通过获取dom方式直接获取子节点
其中test的父标签id的值，div为标签的名字。getElementsByTagName是一个方法。返回的是一个数组。在访问的时候要按数组的形式访问。
var a = document.getElementById("test").getElementsByTagName("div");
2. 通过childNodes获取子节点
使用childNodes获取子节点的时候，childNodes返回的是子节点的集合，是一个数组的格式
				
一、获取子节点 比如是一个 id 为 test 的 div元素，我们这样选中，$(‘#test’)，我们要查找这个div下的一个class为demo的span元素，有一下几种方法 1、使用筛选条件 $(‘#test span.demo’) 2、使用find()函数 $(‘#test’).find(‘span.demo’) 3、使用children()函数 $(‘#test’).children(‘span.demo’) 二、获取父节点 jquery获取父元素方法比较多，比如parent()，parents()，closest()这些都能帮你实现查找父元素或节点  代码如下: <ul class
				
在js中，树形结构数据最常见的形式是一个嵌套数组，其中每个元素都代表一个节点，包含了节点的属性和子节点数组。如果我们要根据当前节点id获取其所有的父节点id，需要进行递归操作。
首先，我们需要寻找当前节点在树形结构中的位置，可以通过遍历整个数组来寻找。如果找到了当前节点，就可以继续递归查找其父节点，直到根节点。
递归查找父节点的方法可以通过传入参数来实现。在每个递归函数中，我们都可以将当前节点的父节点id作为参数传入，并将其插入到结果数组中，然后继续递归查找父节点的父节点，直到根节点为止。
具体实现的伪代码如下：
function findParents(treeData, nodeId, result, parentId) {
  for (var i = 0; i < treeData.length; i++) {
    var node = treeData[i];
    if (node.id === nodeId) {
      result.unshift(parentId);
      if (parentId) {
        findParents(treeData, parentId, result, node.parentId);
      break;
    } else if (node.children && node.children.length > 0) {
      findParents(node.children, nodeId, result, node.id);
在这个递归函数中，第一个参数是整个树形数据，第二个参数是当前节点的id，第三个参数是保存父节点id的结果数组，第四个参数是当前节点的父节点id。当找到当前节点时，将其父节点id插入到结果数组中，并继续递归查找其父节点，直到根节点为止。
通过这个递归函数，我们就可以根据树形数据和当前节点的id获取其所有的父节点id了。