js如何修改元素的属性值

网页中元素尚需经的值并非是一成不变,当然也不是所有的属性都允许改变

下面的示例中如何修改元素的宽和高,以及圆角

具体示例

原生js修改DOM属性

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

}

html模板代码

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

<!--定义图片元素-->
<img id="myImg" src="xxx.jpg" width="100" height="100" >