js修改表单元素属性

JavaScript中的Element.setAttribute()方法：修改表单元素属性详解,

最新推荐文章于 2024-07-25 16:27:45 发布

原创

最新推荐文章于 2024-07-25 16:27:45 发布 · 419 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #html

在 JavaScript 中，可以使用 Element.setAttribute() 方法来修改表单元素的属性。该方法接受两个参数，第一个参数是要修改的属性名称，第二个参数是要修改的属性值。

下面是一个修改表单元素属性的代码示例：

<form>
    <input type="text" id="myInput" value="Hello World">
    <button id="myButton">Click me</button>
</form>

<script>
    // 修改 input 元素的 value 属性
    var myInput = document.getElementById("myInput");
    myInput.setAttribute("value", "New value");

    // 修改 button 元素的 disabled 属性
    var myButton = document.getElementById("myButton");
    myButton.setAttribute("disabled", "true");
</script>

在上面的示例中，我们首先通过 getElementById() 方法获取到要修改的表单元素，然后使用 setAttribute() 方法来修改元素的属性。

需要注意的是，通过 setAttribute() 方法设置的属性值都会被转换为字符串类型，所以在修改属性时，需要根据属性的类型来设置正确的值。

除了使用 setAttribute() 方法，还可以直接通过修改元素对象的属性来修改表单元素的属性。例如，可以直接修改元素的 value 属性来修改输入框的值，或者修改元素的 disabled 属性来禁用按钮。