Javascript: Masquer les éléments par nom de classe

J'ai un élément html que je veux cacher de la vue, mais je ne peux pas accéder à cet élément par un ID, car il n'a pas d'ID et je ne peux pas lui attribuer un ID. Il a une classe assignée à ce que. Est-il possible de cacher cet élément de la vue sans avoir, il est id?

double possible de Comment getElementByClass au lieu de GetElementById avec Javascript?

OriginalL'auteur lewisqic | 2010-08-24

  1. 5

    Il y a getElementsByClassName dans certains navigateurs, mais il n'est pas aussi largement pris en charge comme getElementById. Notez qu'il donne un tableau d'éléments, au lieu d'un seul élément, comme plusieurs éléments peuvent avoir la même classe.

    Si vous pouvez attribuer un ID à un parent, vous pourriez être en mesure d'y accéder d'une autre manière:

    document.getElementById('parent').getElementsByTagName('div')[3] //or whatever
    ok... je peux y accéder par un parent de l'id. Comment puis-je cacher de la vue après que j'ai consultés?
    tant pis, j'ai tout compris... var elements = document.getElementById ("home_poll').getElementsByTagName('a'); éléments[2].style.display = "none";

    OriginalL'auteur David Hedlund

  2. 2

    Le fichier html suivant contient le code à bascule, masquer, afficher div par class et id.
    En utilisant la classe, il est possible de masquer un ensemble de divisions.

    <head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
/*function to toggle visibility of class*/
function toggle_visibility(classname) { $("."+classname).toggle(); }
/*function to hide class*/
function hide_visibility(classname) { $("."+classname).hide(); }
/*function to show class*/
function show_visibility(classname) { $("."+classname).show(); }
/*function to hide individual div by id*/
function hide_visibility(classname) { $("#"+classname).hide(); }
/*function to show individual div by id*/       
function show_visibility(classname) { $("#"+classname).show(); }
</script>
</head>
<body>
<button onclick="toggle_visibility('class1');">Toggle visibility of class 1</button><br/>
<button onclick="hide_visibility('class1');">Hide class 1</button><br/>
<button onclick="show_visibility('class1');">Show class 1</button><br/>
<button onclick="show_visibility('heading1');">Show heading 1</button><br/>
<button onclick="hide_visibility('heading1');">Hide heading 1</button><br/>
<div class="class1" id="heading1"><h1>Heading 1</h1></div>
<div class="class1"><h2>Heading 2</h2></div>
<div class="class1"><h3>Heading 3</h3></div>
<div class="class1"><h4>Heading 4</h4></div>
<div class="class1"><h5>Heading 5</h5></div>
<div class="class1"><h6>Heading 6</h6></div>
</body>

    OriginalL'auteur Naveen