JavaScript获取元素的几种方法

getElementById()方法：通过元素的ID获取元素。这个方法是最常用的方法。

<div id="myDiv">Hello World!</div>
<script>
  const divElement = document.getElementById("myDiv");
</script>

1. 
    

 getElementsByClassName()方法：通过类名获取元素。这个方法将返回一个元素数组。

<div class="myClass">Hello World!</div>
<script>
  const divElements = document.getElementsByClassName("myClass");
</script>

1. 
    

getElementsByTagName()方法：通过标签名获取元素。这个方法将返回一个元素数组。 

<div>Hello World!</div>
<script>
  const divElements = document.getElementsByTagName("div");
</script>

querySelector()方法：通过CSS选择器获取元素。这个方法将返回一个元素

<div class="myClass">Hello World!</div>
<script>
  const divElement = document.querySelector(".myClass");
</script>

querySelectorAll()方法：通过CSS选择器获取元素。这个方法将返回一个元素数组

<div class="myClass">Hello World!</div>
<p class="myClass">Hello World!</p>
<script>
  const elements = document.querySelectorAll(".myClass");
</script>

需要注意的是，除了getElementById()方法，其他方法都会返回元素的数组。如果你只想获取一个元素，可以使用数组的索引来获取。例如：const firstDiv = divElements[0];