javascript - 如何获取元素的 CSS(% vs px)

Question

如果我像这样创建一个 DIV:

something = $("<div/>", { id: "something" }).css({
    width: "100%",
    background: "#333333",
    height: "3px",
    position: "relative",
    "-moz-box-sizing": "content-box"
});

并尝试使用以下任一方法获取宽度:

console.log(something.width());
console.log(something.css("width"));

它只返回 100。对于我的场景，我有时会使用百分比或特定数量的像素。

如何确定元素的宽度是百分比还是指定的像素数量？

Answer 1

其实下面返回的是带单位的值

alert(something.css("width"));

检查这个fiddle

或者如果问题是在将元素添加到 DOM 之后出现的，它仍然会给出以像素为单位的值