Js如何修改元素的属性值

2022-12-07 09:48:28 浏览数 (1)

http://mpvideo.qpic.cn/0bc3eaajwaaa4qaelx3bjvrvaigdtmqabgya.f10002.mp4?dis_k=4cf17def14cb58de5ca3ebc1606d41c2&dis_t=1670377618&vid=wxv_2646876504282578945&format_id=10002&support_redirect=0&mmversion=false

01

原生js修改DOM属性

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

}

html模板代码

代码语言:javascript复制
<p>
    <input type="button" value="修改图片属性" onclick="changeDomAttr()">
</p>
<!--定义图片元素-->
<img id="myImg" src="xxx.jpg" width="100" height="100" >

0 人点赞