javascript 选择修改【javascript 修改html：代码示例】

JavaScript可以通过选择器来选择HTML元素，并且可以通过修改元素的属性或内容来修改HTML。常用的选择器有ID选择器、类选择器和标签选择器。

使用ID选择器可以选择具有特定ID的元素。通过getElementById方法可以获取到具有指定ID的元素，并且可以通过修改其属性或内容来修改HTML。例如，可以通过以下代码选择具有id为"myElement"的元素，并将其内容修改为"Hello World"：

var element = document.getElementById("myElement");
element.innerHTML = "Hello World";

使用类选择器可以选择具有特定类名的元素。通过getElementsByClassName方法可以获取到具有指定类名的所有元素，并且可以通过遍历这些元素并修改其属性或内容来修改HTML。例如，可以通过以下代码选择具有类名为"myClass"的所有元素，并将它们的背景颜色修改为红色：

var elements = document.getElementsByClassName("myClass");
for (var i = 0; i < elements.length; i++) {
  elements[i].style.backgroundColor = "red";
}

使用标签选择器可以选择特定类型的元素。通过getElementsByTagName方法可以获取到指定标签名的所有元素，并且可以通过遍历这些元素并修改其属性或内容来修改HTML。例如，可以通过以下代码选择所有的段落元素，并将它们的字体颜色修改为蓝色：

var elements = document.getElementsByTagName("p");
for (var i = 0; i < elements.length; i++) {
  elements[i].style.color = "blue";
}