Question

的Javascript

document.getElementById('menu').getElementById('line1').style.opacity = "0";

HTML

<a href = "#"><div id = "menu" onclick="menu()">
            <div id = "line1">1</div>
            <div id = "line2">1</div>
            <div id = "line3">1</div>
        </div></a>

所以我试图让第一行消失，但由于某种原因它不会运行。 我的语法有问题吗？我有额外的.getElementById（'menu'）的原因是因为我有div id =“menuClose”返回原来的。除非有另一种方式？

Answer 1

为什么要先选择菜单？您可以直接选择该行，因为它由id标识：

document.getElementById('line1').style.opacity = "0";

JsFiddle here

如果您想要更改另一个div中包含的所有div（在您的情况下，div中包含id="menu"所包含的所有div），请使用document.getElementById('menu').childNodes，然后按照on this SO post进行迭代

Answer 2

document.getElementById('line1').style.opacity = "0";

这就是你需要做的。 line1是一个id，因此可以使用getElementById检索它，而无需访问父元素。

Answer 3

请尝试

document.getElementById('line1').style.display='none';

Answer 4

这是非常简单的，因为您首先选择菜单，但您可以尝试这种方法

document.getElementById('line1').style.display='none';

愿这有帮助，

.getElementById（＆＃39;＆＃39;）。getElementById（＆＃39;＆＃39;）。风格不起作用

4 个答案: