Javascript 如何检索<；的clientWidth；内容>；容器

假设我们有一个模板：

var shadow=document.querySelector（'#insider'）.createShadowRoot（）；
var template=document.querySelector（'#template'）；
appendChild（template.content）；
template.remove（）；
调试（document.body.clientWidth）
console.debug（document.querySelector（“#insider”）.clientWidth）
警报（document.body.clientWidth+“=”+document.querySelector（“#insider”）.clientWidth+“？”）

测试

因为

#insider

默认情况下具有

宽度：auto

，它提供

100%

宽度。clientWidth返回以像素为单位的宽度，它等于主体的clientWidth。我认为应该是一半。因为默认情况下，

#insider

具有

宽度：auto

，它给出

100%

宽度。clientWidth返回像素宽度，它等于主体的clientWidth。我想应该减半。