javascript中设置元素宽度的方法：1、使用“document.getElementById("id值")”语句获取元素对象；2、使用“元素对象.style.width="宽度值"”语句来设置元素的宽度；需要在HTML中通过script标签添加javascript代码来实现。
具体原理分析：
获取元素对象
HTML DOM Style 对象的width 属性设置元素的宽度。
代码示例：
<!DOCTYPEhtml>
<html>
<head>
<metacharset="UTF-8">
<style>
img{
width:200px;
}
</style>
</head>
<body>
<imgid="img"src="img/1.jpg"/>
<pid="demo">img图片宽度为200px。</p>
<buttononclick="myFunction()">设置img图片的宽度</button>
<script>
functionmyFunction(){
document.getElementById("img").style.width="300px";
document.getElementById("demo").innerHTML="img图片宽度为300px。";
}
</script>
</body>
</html>
效果图：
说明：
Style 对象的width 属性可以设置元素的宽度。
语法：
Object.style.width=auto|length|%
参数分析：
auto：默认参数，浏览器可计算出实际的宽度。
%：定义基于其包含块的百分比宽度。
length：使用 px、cm 等单位定义宽度。
如果您对该产品感兴趣，请填写办理（客服微信：xiaoxiongyidong）
发表评论
◎欢迎参与讨论，请在这里发表您的看法、交流您的观点。