javascript - 如何根据计算出的另一部分的宽度设置部分的宽度？

尝试这样做，但这是错误的吗？以下是我要加载的样式和脚本以及html。

<style>
#bar {
    background:black;
    width:  </style><script>var barWidth = getElementByID("nav").style.width; document.write (nav);</script><style>
    height: 5px;
}
</style>

<section id="nav">
    <a href="#">Link1</a>
    <a href="#">Link2</a>
    <a href="#">Link3</a>
    <span id="loginButton"><a href="#">Login</a></span>
    <section id="bar"></section>
</section>

最佳答案

您不能将script标记嵌套在style标记内。以下将完成您想要的行为...

<style>
    #bar {
        background:black;
        height: 5px;
    }
</style>


<section id="nav">
    <a href="#">Link1</a>
    <a href="#">Link2</a>
    <a href="#">Link3</a>
    <span id="loginButton"><a href="#">Login</a></span>
    <section id="bar"></section>
</section>


<script>
    var barWidth = getElementByID("nav").style.width;
    getElementById('bar').style.width = barWidth;
</script>

关于javascript - 如何根据计算出的另一部分的宽度设置部分的宽度？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/9089381/