¿Cómo se usa el método querySelectorAll ()?

querySelectorAll() se define en la especificación de API de Selector (http://www.w3.org/TR/selectors-api/) como un método de la interfaz NodeSelector .

La interfaz NodeSelector es heredada por los objetos host Document, DocumentFragment y Element (que se utilizan para determinar el contexto en el que se ejecuta el selector) y devuelve una NodeList (una matriz como objeto) de elementos que coinciden con una cadena de selector. p.ej.

 
 
first paragraph
¿Puedo centrarme solo en javascript?
¿Cuánto tiempo le toma a una empresa contratar a un desarrollador?
¿Cuáles son las mejores herramientas de agencia web?
Cómo desarrollar un chatbot usando Python sin ningún framework
¿Qué opina de los artículos en los medios que dicen que JS es malo y que Node.js está a punto de morir, etc.?
 
second paragraph
 
 
 
third paragraph
 
fourth paragraph
  

 document.querySelectorAll("div"); // [ div#foo, div#bar ] document.querySelectorAll("div#foo"); // [ div#foo ] document.querySelectorAll("p"); // [ p, p, p, p ] document.querySelectorAll("div#foo p"); // [ p, p ] document.getElementById("foo").querySelectorAll("p"); // [ p, p ] [].forEach.call( document.querySelectorAll("p"), function() { console.log( p.innerHTML ); }); // first paragraph // second paragraph // third paragraph // fourth paragraph 

Entonces, para tu pregunta …

 document.querySelectorAll("#hello")[0].innerHTML = "Bye";