JavaScript通过className获取子元素

gha*_*ani 8 javascript

我在Javascript中写了以下这一行:

var eleCategory = document.getElementById("cmbCategory");
Run Code Online (Sandbox Code Playgroud)

现在我想找到元素中elementbyClassName包含的所有eleCategory内容.

这样的事情有可能吗?

 var eleChild = eleCategory.getElementByClassName("autoDropdown");
Run Code Online (Sandbox Code Playgroud)

如何获取父元素的子元素?

I a*_*ica 6

getElementsByClassName尚未在所有浏览器中实现.例如,Niels的解决方案在IE中不起作用.但是,其他人已经创建了自己的实施; John Resig在他的博客上写了一篇文章


Nie*_*els 5

是的,有可能,请参阅此提琴:http : //jsfiddle.net/ajAY2/

但是getElementsByClassName会返回元素的集合,因为它将在对象中查找所有类。因此,如果在该对象中只有一个这样的类,则必须得到第0个对象,例如:

var eleChild = eleCategory.getElementsByClassName("autoDropdown")[0];
Run Code Online (Sandbox Code Playgroud)

脚本总数:

脚本:

var eleCategory = document.getElementById("cmbCategory");
var eleChild = eleCategory.getElementsByClassName("autoDropdown");
alert(eleChild.length);
Run Code Online (Sandbox Code Playgroud)

的HTML

<div id="cmbCategory">

    <div class="autoDropdown"></div>
    <div class="autoDropdown"></div>
</div>

<div class="autoDropdown"></div>
Run Code Online (Sandbox Code Playgroud)