Javascript .getElementById（“”）。getElementById（“”）。样式无效

Javascript

HTML

---

所以我试图让第一行消失，但由于某种原因它没有运行。我的语法有问题吗？我之所以有额外的.getElementById'menu'，是因为我有div id=menuClose返回到原始状态。除非有其他方法？

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

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

如果要更改另一个div中包含的所有div（在本例中为id=menu的div中包含的所有div），请使用document.getElementById'menu'.childNodes，然后进行迭代，如图所示

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

请重试

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

---

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

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

---

这可能会有所帮助，

getElementById只是文档对象上的一个方法。元素div等没有这个方法。我有另一个名为menuClose的div，它看起来完全一样，它会隐藏所有这些元素并显示自己？还有其他方法吗？@skarchmit使用classes和document.getElementsByClassName。为此，您可以选择父级，然后使用，但此时您必须质疑您的标记，因为id必须是唯一的，即没有另一个id为line1的div。并确保menuClose中的元素具有与菜单中的元素不同的id。ID在文档中必须是唯一的。@EndeNeu document.getElementById'line1'.style.webkittTransform=rotate45度translate3d10px，10px，0；document.getElementById'line2'.style.webkittTransform=rotate-45度translate3d10，-10px，0；document.getElementById'line3'.style.webkittTransform=rotate45度translate3d10，-10px，0；当我这样做时，它只会影响第一个，但当它的不透明度时，效果很好。

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

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

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