说说如何用js改html元素属性。

在JavaScript中，我们可以通过多种方式来修改HTML元素的属性，以下是一些常见的方法：

（图片来源网络，侵删）

1、通过元素ID修改属性

我们需要获取到目标元素，可以使用document.getElementById()方法来实现，我们可以使用element.setAttribute()方法来修改元素的属性。

示例代码：

// 获取元素
var element = document.getElementById("myElement");
// 修改元素属性
element.setAttribute("attributeName", "newValue");

2、通过元素类名修改属性

我们可以使用document.getElementsByClassName()方法来获取具有相同类名的所有元素，我们可以遍历这些元素并修改它们的属性。

示例代码：

// 获取具有相同类名的所有元素
var elements = document.getElementsByClassName("myClass");
// 遍历元素并修改属性
for (var i = 0; i < elements.length; i++) {
  elements[i].setAttribute("attributeName", "newValue");
}

3、通过元素标签名修改属性

我们可以使用document.getElementsByTagName()方法来获取具有相同标签名的所有元素，我们可以遍历这些元素并修改它们的属性。

示例代码：

// 获取具有相同标签名的所有元素
var elements = document.getElementsByTagName("myTag");
// 遍历元素并修改属性
for (var i = 0; i < elements.length; i++) {
  elements[i].setAttribute("attributeName", "newValue");
}

4、通过CSS选择器修改属性

我们可以使用CSS选择器来获取具有特定样式的元素，我们可以遍历这些元素并修改它们的属性。

示例代码：

// 获取具有特定样式的元素
var elements = document.querySelectorAll(".myClass");
// 遍历元素并修改属性
for (var i = 0; i < elements.length; i++) {
  elements[i].setAttribute("attributeName", "newValue");
}

5、通过事件监听器修改属性

我们还可以在事件触发时修改元素的属性，当用户点击一个按钮时，我们可以修改另一个元素的文本内容。

示例代码：

<!HTML >
<button id="myButton">点击我</button>
<p id="myParagraph">这是一个段落。</p>

// JavaScript
document.getElementById("myButton").addEventListener("click", function() {
  document.getElementById("myParagraph").textContent = "段落已修改。";
});

在JavaScript中，我们可以通过多种方式来修改HTML元素的属性，这些方法包括通过元素ID、类名、标签名和CSS选择器来获取元素，然后使用element.setAttribute()方法来修改属性，我们还可以在事件触发时修改元素的属性，通过熟练掌握这些方法，我们可以更灵活地操作HTML元素，实现各种交互效果。