Javascript 无法获取在同一函数中创建的元素的宽度

Javascript 无法获取在同一函数中创建的元素的宽度,javascript,html,css,Javascript,Html,Css,我试图以编程方式创建multiply div,并将一个div的宽度设置为其他div的宽度,有点像这样: var container1=document.createElement(“div”); container1.style.width=“400px”; container1.appendChild(document.createElement(“h1”)); container1.getElementsByTagName(“h1”)[0].innerHTML=“你好!”; documen

我试图以编程方式创建multiply div,并将一个div的宽度设置为其他div的宽度,有点像这样:

var container1=document.createElement(“div”);
container1.style.width=“400px”;
container1.appendChild(document.createElement(“h1”));
container1.getElementsByTagName(“h1”)[0].innerHTML=“你好!”;
document.getElementById(“frame”).appendChild(container1);
var container2=document.createElement(“div”);
container2.style.width=container1.offsetWidth;
container2.appendChild(document.createElement(“h2”);
container2.getElementsByTagName(“h2”)[0].innerHTML=“我的宽度是”+container2.offsetWidth;
document.getElementById(“frame”).appendChild(container2)
#帧div{
背景色:红色;
}
尝试在宽度后添加一个
“px”

添加到
html

var container1=document.createElement(“div”);
container1.style.width=“400px”;
container1.appendChild(document.createElement(“h1”));
container1.getElementsByTagName(“h1”)[0].innerHTML=“你好!”;
document.getElementById(“frame”).appendChild(container1);
var container2=document.createElement(“div”);
container2.style.width=container1.offsetWidth+“px”;
//这里^^^^^^
container2.appendChild(document.createElement(“h2”);
container2.getElementsByTagName(“h2”)[0].innerHTML=“我的宽度是”+container2.offsetWidth//无法在此处获得宽度,因为您尚未添加到HTML!
document.getElementById(“frame”).appendChild(container2);
container2.getElementsByTagName(“h2”)[0].innerHTML=“我的宽度是”+container2.offsetWidth
#帧div{
背景色:红色;
}
尝试在宽度后添加一个
“px”

添加到
html

var container1=document.createElement(“div”);
container1.style.width=“400px”;
container1.appendChild(document.createElement(“h1”));
container1.getElementsByTagName(“h1”)[0].innerHTML=“你好!”;
document.getElementById(“frame”).appendChild(container1);
var container2=document.createElement(“div”);
container2.style.width=container1.offsetWidth+“px”;
//这里^^^^^^
container2.appendChild(document.createElement(“h2”);
container2.getElementsByTagName(“h2”)[0].innerHTML=“我的宽度是”+container2.offsetWidth//无法在此处获得宽度,因为您尚未添加到HTML!
document.getElementById(“frame”).appendChild(container2);
container2.getElementsByTagName(“h2”)[0].innerHTML=“我的宽度是”+container2.offsetWidth
#帧div{
背景色:红色;
}

使用
clientWidth
我不知道在查找过程中我是如何丢失“px”的。我现在觉得自己很笨。使用
clientWidth
我不知道在发现这一点的过程中,我怎么会丢失了“px”。我现在觉得很笨,谢谢你!我改变了很多东西,最终我忘了添加“px”。抱歉没看到:)@Simon没问题。。。快乐编码。。别忘了接受答案:)@Harikrishnan他忘了:DSorry出去吃午饭了!:谢谢你!我改变了很多东西,最终我忘了添加“px”。抱歉没看到:)@Simon没问题。。。快乐编码。。别忘了接受答案:)@Harikrishnan他忘了:DSorry出去吃午饭了!:D