JavaScript DOM 操作：如何选中一个 HTML 元素？有哪些方法？

在 JavaScript 中，有多种方法可以选中一个 HTML 元素。以下是一些常用的方法：

1. getElementById(id): 通过元素的 id 属性来选中元素。例如，如果有一个元素如下：

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

可以使用以下代码选中该元素：

var element = document.getElementById("myDiv");

1. getElementsByClassName(name): 通过元素的 class 属性来选中元素。例如，如果有一个元素如下：

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

可以使用以下代码选中所有具有该类名的元素：

var elements = document.getElementsByClassName("myClass");

1. getElementsByTagName(name): 通过元素的标签名来选中元素。例如，如果有一个元素如下：

<p>Hello, World!</p>

可以使用以下代码选中所有 <p> 标签的元素：

var elements = document.getElementsByTagName("p");

1. querySelector(selector): 通过 CSS 选择器来选中元素。例如，如果有一个元素如下：

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

可以使用以下代码选中具有指定类名的元素：

var element = document.querySelector(".myClass");

1. querySelectorAll(selector): 通过 CSS 选择器来选中多个元素。例如，如果有两个具有相同类名的元素：

<div class="myClass">Hello, World!</div>
<div class="myClass">Hello again, World!</div>

可以使用以下代码选中所有具有指定类名的元素：

var elements = document.querySelectorAll(".myClass");