JavaScript怎么改变元素属性

154 阅读 0 评论 102 点赞

我是靠谱客的博主忐忑魔镜，这篇文章主要介绍JavaScript怎么改变元素属性，现在分享给大家，希望可以做个参考。

本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。

JavaScript改变元素属性

1、使用“元素对象.attribute = new value”语句

例：修改了 <img> 元素的 src 属性的值：

复制代码<img id="myImage" src="smiley.gif">

<script>
document.getElementById("myImage").src = "landscape.jpg";
</script>1
2
3
4
5
<img id="myImage" src="smiley.gif">

<script>
document.getElementById("myImage").src = "landscape.jpg";
</script>
登录后复制

方法2：使用setAttribute()函数

setAttribute() 方法添加指定的属性，并为其赋指定的值。如果这个指定的属性已存在，则仅设置/更改值。

语法：元素对象.setAttribute('属性','属性值');

复制代码<div>hello</div> 
<div id="box">欢迎来到靠谱客！</div> 
<script type="text/javascript">
	var box=document.getElementById("box");
	box.setAttribute('style','color:red;border:1px solid #008000');
	// 给box元素设置的是行内样式
</script>1
2
3
4
5
6
7
<div>hello</div> 
<div id="box">欢迎来到靠谱客！</div> 
<script type="text/javascript">
	var box=document.getElementById("box");
	box.setAttribute('style','color:red;border:1px solid #008000');
	// 给box元素设置的是行内样式
</script>
登录后复制

【推荐学习：javascript高级教程】

以上就是JavaScript怎么改变元素属性的详细内容，更多请关注靠谱客其它相关文章！