$(document)ready(function(){
$("#container")width(getAllWidth("#container div"));
});
//定义一个获取对象列表宽度的方法
var getAllWidth = function(objIcon){
var obj = $(objIcon);
var _width = 0;
if(objlength > 0){
for(var i=0;i<objlength;i++){
_width += $(obj[i])width();
}
}
return _width;
}
上面代码我引入的jquery，如果不用jquery的话我也可以帮你写一份
并没有getElementByClassName()这个函数，只有getElementsByClassName()，Element后面有个s，这个返回来是多个节点的集合（因为class名有可能匹配到多个），假设只有1个元素用这个class名，那么要改变宽度可以：
var a=documentgetElementsByClassName("a");a[0]stylewidth="500px";
望采纳，谢谢
对于没有设置宽度的元素、亦或CSS样式非内嵌式的，js原生写法可以通过offsetWidht来获取宽度
即：documentgetElementById("#id")offsetWidth;
ps:对于设置了CSS样式的元素（内联、内嵌、外联）offsetWidth 也都可以获得值
所以，jquery的width()与js的offsetWidth都可以获取元素的宽度，但有个区别：
width()的值单纯是内容区域的宽度、不包括内外补丁和border。ie6+和chrome相同。
offsetWidth ：包括了内补丁和border，不包括外补丁。ie6+和chrome相同
<body>
<div id="idText" style="position:absolute;left:0;top:0;bottom:0;right:0;background-color:#f6f0f1;color:#901212;font-size:50px;"></div>
</body>
<script>
var o=documentgetElementById("idText");//取元素ID
oinnerText="Height:"+ooffsetHeight;//取该元素高度
oinnerText+=" Width:"+ooffsetWidth;//取该元素宽度
</script>
侦听“屏幕旋转”事件，一旦屏幕旋转就在回调函数中重新获得元素的宽和高。
如果你用jquery的话可以这样写：
$(window)on('orientationchange', function() {
var $el = $("#el"); // 需要重新获得宽和高的元素
var newWidth = $elwidth(); // 新的宽
var newHeight = $elheight(); // 新的高
});
<script>
windowonload = function(){
//把屏幕宽度赋值给该元素
documentgetElementById("float_banner")stylewidth = windowscreenwidth + 'px';
}
</script>
的却，在css代码页可以执行js代码，但是，不建议这样做
var div1width = documentgetElementById("div1")offsetWidth; //宽
var div1height = documentgetElementById("div1")offsetHeight; //高
以上就是关于js获取所有子元素宽度之和 赋值给父元素全部的内容，包括:js获取所有子元素宽度之和 赋值给父元素、js获取ClassName后，怎样设置元素宽度、js中如何取得一个div的width注意此css的width是在<style></style>中设置的。等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）