javascript设置元素宽度的方法：首先使用“document.getElementById(“id值”)”语句获取元素对象；然后使用“元素对象.style.width=”宽度值””语句来设置元素的宽度。
本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。
javascript设置元素宽度
原理：
获取元素对象
立即学习“Java免费学习笔记（深入）”；
HTML DOM Style 对象的width 属性设置元素的宽度。
代码示例：
- nbsp;html>img {width: 200px;}
img图片宽度为200px。
function myFunction() {document.getElementById("img").style.width="300px";document.getElementById("demo").innerHTML="img图片宽度为300px。";}
登录后复制
效果图：
说明：
Style 对象的width 属性可以设置元素的宽度。
语法：
- Object.style.width=auto|length|%
登录后复制
值 描述auto默认。浏览器可计算出实际的宽度。%定义基于其包含块的百分比宽度。length使用 px、cm 等单位定义宽度。
查找元素的方法：
1.根据id获取元素
- document.getElementById("id属性的值");
登录后复制
2.根据标签名字获取元素
- document.getElementsByTagName("标签的名字");
登录后复制
3.根据name属性的值获取元素
- document.getElementsByName("name属性的值");
登录后复制
4.根据class属性获取元素
- document.getElementsByClassName("类样式的名字");
登录后复制
5.根据css路径获取元素 （获取一个）
- document.querySelector("css路径");
登录后复制
6.根据css路径获取元素 （获取一组）
- document.querySelectorAll("css路径");
登录后复制
【推荐学习：javascript高级教程】
以上就是javascript怎么设置元素宽度的详细内容，更多请关注【创想鸟】其它相关文章！
声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。
