利用JavaScript 给元素属性赋值

最新推荐文章于 2021-12-02 14:29:23 发布

原创最新推荐文章于 2021-12-02 14:29:23 发布 · 3k 阅读

0 ·

CC 4.0 BY-SA版权

HTML DOM 专栏收录该内容

14 篇文章

订阅专栏

本文介绍了如何使用JavaScript来改变HTML元素的属性值。通过两种方式实现：一是使用`setAttribute()`方法，二是直接修改元素对象的属性。这两种方法适用于对DOM元素进行动态操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

JavaScript DOM中，利用setAttribute()函数设置属性值

如：

<body>
<a id="demo" href="123.jpeg">123</a>
<script>
var link=document.getElementById("demo");
//link.href="http://www.baidu.com";
link.setAttribute("href","http://www.baidu.com");
</script>
</body>

另外，在JavaScript中，当创建一个元素对象的时候，可以直接用该对象进行对属性赋值，如：

<a id="demo" href="123.jpeg">123</a>

<script>
var link=document.getElementById("demo");
link.href="http://www.baidu.com";
</script>