JavaScript作为前端开发不可或缺的一部分，提供了许多方便和实用的方法来操作HTML元素，其中 setAttribute() 方法是常用的一个。通常我们使用这个方法来设置某个元素的属性值，但在特定场景下，使用该方法也可以改变元素的状态，例如将 disabled 属性设置为 false。
setAttribute() 方法的基本语法
element.setAttribute(name, value);
name: 字符串类型，表示需要设置的属性名。value: 字符串类型，表示需要设置的属性值。
使用该方法能够快速地给元素设置属性值，如下代码所示：
<button id="myButton">Click Me</button>
let button = document.getElementById("myButton");
button.setAttribute("disabled", true); // 禁用按钮上述代码通过 setAttribute 方法设置了 disabled 属性，从而使按钮无法被点击。如果想要启用按钮，只需将第二个参数修改为 false 即可。
.setAttribute("disabled", false) 能够改变元素的可编辑状态
除了设置属性值之外，setAttribute 方法还可以用于改变元素的状态。例如，设置 disabled 属性会禁用元素，而将其设为 false 则会启用元素。
<input type="text" id="myInput" />
let input = document.getElementById("myInput");
input.setAttribute("disabled", true); // 禁用输入框上述代码通过 setAttribute 方法设置了 disabled 属性，从而禁用了输入框。如果想要启用输入框，只需将第二个参数修改为 false 即可。
input.setAttribute("disabled", false); // 启用输入框注意事项
name参数必须是字符串类型。- 如果
value参数被省略，那么该属性将被赋值为空字符串。 - 如果指定的属性不存在，那么该方法会创建一个新的属性，并设置其值为指定的值。
- 如果指定的属性已经存在，那么该方法会更新其值为指定的值。
结论
setAttribute() 方法在前端开发中非常实用，不仅可以用来设置元素的属性值，还能够改变元素的状态。例如，将 disabled 属性设置为 true 可以禁用按钮或输入框。同时，需要注意该方法的一些细节和使用限制，以免出现错误。在实际开发中，我们可以根据具体需求，灵活调整该方法的使用方式，提高开发效率。
希望这篇文章能够对你有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/27970