javascript - 使用 javascript/dojo 计算 html 元素 (div) 宽度？

Question

通常当你在 html 中创建一个 div 时。您可以使用 offsetWidth 或 style.width (如果声明)检查其宽度。但是，如果改变了innerHTML，使得div的宽度也改变了，那么这些函数都不起作用(不确定，但在我的情况下不起作用)。

一些代码:

var div = document.createElement("div");
div.innerHtml = "asdfasdfasdfasdfsdfasdfasdfad";
alert(div.style.width); // this is nothing
alert(div.offsetWidth); // this is 0

如何获取上面div的宽度？

Answer 1

我意识到这是一个老问题，但对于许多从谷歌登陆这里的人来说，我会提供它。

这是在 dojo 1.7+ 中执行此操作的方法。使用几何模块，您可以获取和设置内容的宽度(不包括填充或边框)。这忽略了盒子大小。

require(['dojo/dom-geometry'], function(domGeom) {
    var myDivNode = dojo.query('div')[0];
    var contentBox = domGeom.getContentBox(myDivNode);
    alert(contentBox.w);

    // This is how to set width/height
    domGeom.setContentSize(myDivNode, {w: 100, h: 100});
});

来源:https://dojotoolkit.org/reference-guide/1.7/dojo/contentBox.html