javascript - 如何在 JavaScript 中找到的 div 中获取特定类的元素？

Question

我需要的是找到一个具有特定 id 的 div，然后在其中找到任何具有特定类的元素，并使它们中的第一个不可见。我试过了

var hostDivName = "theHostDivName";
var hostDiv = document.getElementsByName(hostDivName);
var theElements = hostDiv.getElementsByClassName("theClassDivName");
theElements[0].style.display = "none";

但是它在 hostDiv.getElementsByClassName("theClassDivName"); 上失败了

Object #<NodeList> has no method 'getElementsByClassName'

错误。

那么怎样才是正确的做法呢？只要看起来合理，我更愿意使用纯 JavaScript(而不是 jQuery 或其他任何东西)。

Answer 1

如果是 ID，为什么要使用 getElementsByName 而不是 getElementById

var hostDivName = "theHostDivName";

var hostDiv = document.getElementById(hostDivName);

var theElements = hostDiv.getElementsByClassName("theClassDivName");

theElements[0].style.display = "none";

假设您指的是姓名，而不是 ID

var hostDiv = document.getElementsByName(hostDivName)[0];