HTML标签是网页中最基本的组成单元，但是很多人不知道JavaScript是如何操作这些标签的。在本文中，我们将探讨JavaScript如何访问、修改和创建HTML标签，并通过实例加深理解。 一、访问HTML标签 JavaScript可以访问HTML标签并获取或修改其属性，可以通过以下方式实现： 1. 通过getElementById()方法访问内容 例如，我们想要获取ID为“header”的DIV标签中的文本内容，可以这样写：

var header = document.getElementById("header");
header.innerHTML = "这是新的标题";

在这个例子中，我们使用了getElementById()方法获取了具有ID属性“header”的HTML标签，并使用innerHTML属性更改了其内容。 2. 通过getElementsByTagName()方法访问标签 我们可以通过标签名称获取所有具有该标签名称的HTML元素，例如获取所有的段落标签：

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

使用getElementsByTagName()方法可以遍历所有“p”标签，并将它们添加到具有相应名称的数组中。 3. 通过Class名称访问HTML标签 如果您的HTML标签具有Class名称，则可以通过getElementsByClassName()方法获取其中的元素。例如，获取所有class为“content”的元素，请使用以下代码：

var content = document.getElementsByClassName("content");

二、修改HTML标签 JavaScript可以通过innerHTML属性来修改HTML标签的内容。例如，如果想要更改一个div标签的文本，在JavaScript中可以通过以下代码来实现：

var div = document.getElementById("div1");
div.innerHTML = "这些是新的文本";

除了更改文本之外，JavaScript还可以通过其它属性更改HTML标记。例如，以下代码将更改图像的SRC属性：

var image = document.getElementById("myImage");
image.src = "newImage.png";

三、创建HTML标签 JavaScript可以使用createElement()方法创建新的HTML元素，该方法创建新的HTML元素。例如，我们可以通过以下代码在页面中创建一个新的h1标签：

var newHeading = document.createElement("h1");
var text = document.createTextNode("这是新的标题");
newHeading.appendChild(text);

在这个例子中，我们首先使用createElement()方法创建新的h1元素。接着，我们创建一个文本节点并将其添加到新元素中。最后，我们将新元素添加到body标记中。 结论： JavaScript可以访问、修改和创建HTML标签，使得网页的动态性与交互性得到了极大地提高。上述的例子提供了一些基本的方法，但实际应用中，JavaScript可以做更多更复杂的操作。如用jQuery库操作HTML，实现更高层次的操作，是提升网站交互性的特别有效的方法之一。