tutorials.de - querySelectorAll - Demo #2

by SpiceLab

HTML

<ul class="test">
  <li><a href='#'>L1</a></li>
  <li><a href='#'>L2</a></li>
</ul>
<p id="ausgabe"></p>

<button onclick="Finden()">1. Beispiel finden!</button>
<button onclick="Aendern()">Ă„ndern!</button>

JavaScript

function Finden() {
  var treffer = document.querySelectorAll('ul.test');
  var x = document.getElementById('ausgabe');
  x.innerHTML = treffer;
}
function Aendern() {
  var x = document.querySelectorAll('ul.test');
  var i;
  for (i = 0; i < x.length; i++) {
      x[i].style.display = "none";
  }
}