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>