JS element.setAttribute()方法,添加元素属性

element.setAttribute()方法

JavaScript的DOM操作中的element.setAttribute()方法,可以用于设置或添加HTML元素的属性,及其相关的属性值。


setAttribute()语法

element.setAttribute(attribute, value)

参数

参数描述
attribute字符串类型值,指定元素的属性,比如a的href,table的border等等
value字符串类型值,指定第一个参数attribute的相关属性值

setAttribute()方法实例代码

实例将为按钮button添加class的属性,及相关的属性值,其中btn和btn-default为框架中的class的属性值。按钮被点击之后,按钮的样式会改变:

<button onclick='setClass()' id='a1'>点击设置button的class</button>

<script>
  function setClass(){
    var element = document.getElementById('a1');
    element.setAttribute('class','btn btn-default')
  }
</script>

全栈前端 / JavaScript语法 :





















Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.