# js如何修改元素的属性值

# 快速导航

# 具体示例

宽度:
高度:
圆角:

# 原生js修改DOM属性

// 修改图片的宽度,高度,圆角属性
funciton changeDomAttr() {
    // 获取元素
    var  myImg = document.getElementById("myImg");  // 通过id获取元素
    myImg.width = 900;   // 修改图片的宽度
    myImg.height= 300;  // 修改图片的高度

}
1
2
3
4
5
6
7
8

html模板代码

<p>
    <input type="button" value="修改图片属性" onclick="changeDomAttr()">
</p>

<!--定义图片元素-->
<img id="myImg" src="xxx.jpg" width="100" height="100" >
1
2
3
4
5
6
白色

关注公众号

一个走心,有温度的号,同千万同行一起交流学习

加作者微信

扫二维码 备注 【加群】

扫码易购

福利推荐