js 根据id获取元素|极客笔记

js 根据id获取元素

在前端开发中，我们经常需要通过JavaScript来操作HTML元素，其中最常见的操作就是根据id获取元素。通过获取元素的id，我们可以对其进行各种操作，如修改元素的样式、内容或者添加事件监听器等。

getElementById方法

在JavaScript中，我们可以使用document.getElementById()方法来根据id获取元素。该方法接受一个参数，即要获取的元素的id。如果找到了对应id的元素，则返回该元素，否则返回null。

下面是一个简单的示例，演示如何使用getElementById()方法来获取一个id为”myElement”的元素，并修改其文本内容：

<!DOCTYPE html>
<html>
<head>
  <title>Get Element By Id Example</title>
</head>
<body>

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

<script>
  // 获取id为"myElement"的元素
  var element = document.getElementById("myElement");

  // 修改元素的文本内容
  element.textContent = "Hello, JavaScript!";
</script>

</body>
</html>

在上面的示例中，我们先在HTML中定义了一个id为”myElement”的div元素，然后在JavaScript中使用getElementById()方法获取该元素，并修改了其文本内容。