JavaScript получить дочерние элементы по Classname

Question

Я написал следующую строку в Javascript:

var eleCategory = document.getElementById("cmbCategory"); 

Теперь я хочу, чтобы найти все elementbyClassName, содержащийся в eleCategory элементе.

Возможно ли это чем-то вроде этого?

var eleChild = eleCategory.getElementByClassName("autoDropdown"); 

Как получить дочерний элемент родительского элемента?

Answer 1

getElementsByClassName не был реализован во всех браузерах. Niels' solution, например, не работает в IE. Однако другие создали свою собственную реализацию; Резиг имеет рецензию на his blog

Answer 2

Да, это возможно, увидеть эту скрипку: http://jsfiddle.net/ajAY2/

Но getElementsByClassName возвращает коллекцию элементов, так как это будет выглядеть для всех классов в пределах объекта. Так что если у вас есть только 1 класс, как, что в пределах этого объекта, вы должны получить 0-й объект, например:

var eleChild = eleCategory.getElementsByClassName("autoDropdown")[0]; 

Всего сценарий:

Сценарий:

var eleCategory = document.getElementById("cmbCategory"); 
var eleChild = eleCategory.getElementsByClassName("autoDropdown"); 
alert(eleChild.length); 

HTML

<div id="cmbCategory"> 

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

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

Answer 3

var eleChild = eleCategory.childNodes; 
for(i = 0 , j = eleChild.length; i < j ; i++){ 
    if(eleChild[ i ].className == "autodropdown"){ 
     YOUr_SCRIPT 
    } 
} 

Answer 4

Вы можете получить доступ ко всему в DOM дереве, с этим:

document.childNodes[0].childNodes[0].childNodes[0] ... n[n] ... 

Просто искать ChildNodes в ChildNodes. И если я правильно помню, вы можете:

var element = document.getElementById("myid"); 
var child = element.childNode[0] 

Answer 5

Современный способ:

var element = document.querySelector('#Element'); 
var elementChildren = element.querySelectorAll('.Element-child'); 

elementChildren будет содержать массив всех детей с классом Element-child в element.

Используя нотацию с использованием скобок, мы можем получить доступ к n-му дочернему элементу в нашем массиве, например.

var firstElementChild = elementChildren[0]; // zero-based