js操作节点，ID，name，calssname，tag，style

在 JavaScript 中，我们可以通过不同的方式来操作 HTML 节点：

1. 通过 ID 获取节点：可以使用 `document.getElementById(id)` 方法来获取拥有指定 ID 的节点。例如：

   <div id="myDiv">Hello World</div>

   var div = document.getElementById("myDiv");
   console.log(div.innerHTML); // 输出：Hello World

2. 通过 name 获取节点：可以使用 `document.getElementsByName(name)` 方法来获取拥有指定 name 属性的节点（注意：这个方法返回一个 NodeList 对象，需要使用索引来访问特定的节点）。例如：

   <input type="text" name="myInput" value="Hello World">

   var input = document.getElementsByName("myInput")[0];
   console.log(input.value); // 输出：Hello World

3. 通过 class 获取节点：可以使用 `document.getElementsByClassName(className)` 方法来获取拥有指定 class 名称的节点（同样返回一个 NodeList 对象）。例如：

   <div class="myClass">Hello World</div>

   var divs = document.getElementsByClassName("myClass");
   console.log(divs[0].innerHTML); // 输出：Hello World

4. 通过 tag 获取节点：可以使用 `document.getElementsByTagName(tagName)` 方法来获取指定标签名的节点集合（同样返回一个 NodeList 对象）。例如：

   <div>Hello</div>
   <span>World</span>

   var divs = document.getElementsByTagName("div");
   var spans = document.getElementsByTagName("span");
   console.log(divs[0].innerHTML); // 输出：Hello
   console.log(spans[0].innerHTML); // 输出：World

5. 通过 style 获取节点：可以使用 `node.style` 来获取节点的样式属性。例如：

   <div id="myDiv" style="color: red;">Hello World</div>

   var div = document.getElementById("myDiv");
   console.log(div.style.color); // 输出：red