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>

试一试