通过ID获取子元素

15 浏览
0 Comments

通过ID获取子元素

我想在点击父div时改变子div的样式。我该如何引用它？我希望能通过ID引用它，因为父div中的HTML可能会改变，而子div可能不是第一个子节点等。

像这样：

function test(el){
  el.childNode["child"].style.display = "none";
}

我想通过ID引用子节点并设置其样式，类似于上面的代码。谢谢。

编辑：收到了ID需要唯一的建议。所以让我稍微修改一下我的问题：我不想为每个添加到页面的元素创建唯一的ID。父div是动态添加的（类似于页面注释系统）。然后有这个子div。我希望能够像这样做：

el.getElementsByName("options").item(0).style.display = "block";

如果我将el 替换为document，它可以正常工作，但它不会作用于页面上的每个"options"子div。而我想能够点击父div，让子div执行某些操作（比如消失）。

如果我必须动态创建一百万（夸张了）个div ID，我会的，但我宁愿不这样做。有什么建议吗？

0