如何在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];