柠檬从 id 获取节点 - Javascript

在前端开发中，我们经常需要根据元素的 id 属性获取对应的节点，然后对其进行操作，如修改其样式、绑定事件等。在 Javascript 中，我们可以使用 document.getElementById() 方法来获取指定 id 的元素节点。

语法

document.getElementById(elementID)

参数说明：

• elementID：必需，要查找的元素 id，字符串类型。

返回值：根据指定 id 查找到的元素节点，如果没有找到则返回 null。

示例

假设我们有如下 HTML 代码：

<div id="hello">Hello, World!</div>

我们可以使用如下代码获取该元素：

var hello = document.getElementById('hello');

然后就可以对 hello 进行操作了，如修改其文本内容、样式等。

注意事项

1. elementID 是字符串类型，需要使用引号将其括起来。
2. 如果查找的元素不存在，则返回 null，需要对返回结果进行判断避免出错。
3. 如果 HTML 中有多个具有相同 id 属性的元素，document.getElementById() 只会返回第一个匹配的元素。在这种情况下应该使用 class 或其他属性来进行查找。