JS element.attribute,改变元素属性值
element.attribute
JavaScript的DOM编程之中,可以通过element.attribute来设置或改变元素的属性值,从而改变元素的相关内容或样式,是增进网页和用户交互的常用方法之一。其中element为通过JS代码查找到的相关元素,attribute为属性,比如字体的color可表示为style.color,链接元素的url可表示为a.href等等。
语法
element.attribute = value
提示:value属性值,一般是字符串类型的值,比如color的属性值为'#00FF00'等,如果是数值的则输入数值类型的值,比如width的属性值为100px等等。
element.attribute实例代码,及在线编辑器
<p id='ea1'>当前颜色为默认的颜色,点击按钮之后,文本将变成skyblue,链接的地址将变成python教程的首页。</p>
<a href='#' target='_blank' id='ea2'>链接地址</a><br><br>
<button onclick='setValue()'>变换字体颜色并设置链接</button>
<script>
function setValue(){
var element1 = document.getElementById('ea1');
var element2 = document.getElementById('ea2');
element1.style.color = 'skyblue'
element2.href = 'https://www.x1y1z1.com/python/python_index.html'
}
</script>