javascript - 在 HTML 对象标签中添加 CSS 宽度

Question

<style>
#window1 {
    width: 100%;
    border: solid;
    border-style: solid;
    border-color: black;

}

#window1 object {
    width: 100%;

}
</style>

<script>
function load() {
    document.getElementById("window1").innerHTML='<object 
    width="100%" type="text/html" data="http://www.example.com"></object>';
}
</script>

我想要做的是以一定宽度重新加载页面 www.example.com，但我无法使用 CSS 修改页面 www.example.com 的宽度。w3schools 中的参考资料说我需要在标签内添加宽度。但我想要的是使用 CSS 设置宽度。

标签： javascripthtmlcss

Answer 1

你应该使用style属性作为

document.getElementById("window1").innerHTML='<object 
    style="width:100%" type="text/html" data="http://www.example.com"></object>'