使用javascript获取错误的div宽度

Question

我正试图用javascript获得div的宽度。 最初div的宽度是未定义的，即宽度取决于其上的文本量。 是否有可能获得这种div的宽度？ 我正在尝试使用以下javascript代码，但是当我正在检查div时，我从Chrome控制台获得宽度不同

var mydiv = document.getElementById("error_message");
var curr_width = mydiv.clientWidth;
alert(curr_width);

感谢您的关注

Answer 1

使用offsetWidth

clientWidth是宽度计算的，offsetWidth是“Chrome inspect element”中的一个（我认为）

还阅读了评论：P

Answer 2

虽然OP没有指定一种方式，但如果您碰巧有jQuery可用，您可以随时使用：

var curr_width = $('#error_message').width();

Answer 3

我设法解决了这个问题！ 我试图直接在javascript中创建div，而不是在html主体上定义div。 所以在我创建的标签里面

<div id="error_message" style="visibility:hidden;"></div>

它的工作原理！ 最终的JavaScript代码是：

document.write("<div id=\"error_message\">Wrong username or password!</div>");
var mydiv = document.getElementById("error_message");
var curr_width = mydiv.offsetWidth;
alert(curr_width);