Comment obtenir les éléments de classe spécifique à l'intérieur d'un div déjà trouvé en JavaScript?

Ce dont j'ai besoin est de trouver un div avec un id particulier, puis de trouver tout élément particulier d'une classe à l'intérieur d'elle et de faire le premier d'entre eux invisible. J'ai essayé

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

Mais il échoue sur hostDiv.getElementsByClassName("theClassDivName"); avec

Object #<NodeList> has no method 'getElementsByClassName'

erreur.

Alors, quelle est la bonne façon? Je préfère le à l'aide de JavaScript (plutôt que jQuery ou autre), comme cela semble raisonnable.

getElementsBy* fonctions renvoient un tableau d'éléments, vous avez besoin de faire une boucle par elle.
Merci, @PatrickEvans, en effet, semble évident lorsque vous l'obtenir...

OriginalL'auteur Ivan | 2014-01-22

  1. 11

    Si c'est un ID, pourquoi êtes-vous à l'aide de getElementsByName et pas getElementById

    var hostDivName = "theHostDivName";

var hostDiv = document.getElementById(hostDivName);

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

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

    En supposant que vous avez voulu dire le nom, et pas ID

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

    OriginalL'auteur adeneo