'querySelectorAll' does not work

Question

'querySelectorAll' does not work

Navigation

#1 by (4 votes)

2

I was doing a test that when clicking the button all 'p' should turn red. Does anyone know what's wrong?

function test() {
	document.querySelectorAll('p').style.color = 'red';
}

<!DOCTYPE html>
<html>
<head>
	<title>ola</title>
	<meta charset="utf-8">
</head>
<body>
	<h1>teste</h1>
	<br>
	<hr>
	<p>ola</p>
	<p>oi</p>
	<p>qwerty</p>
	<button onclick="test()">testes</button>
	<script src="teste.js"></script>
</body>
</html>

javascript html

asked by anonymous 17.07.2017 / 17:27

1 answer

Redirect page after sending the file to download doubts with query in sql

score 4 · Accepted Answer

As the friend had said above, to work, you will have to do so ...

let elemento = document.querySelectorAll('p')

// Pega apenas o primeiro do array
elemento[0].style.color = 'red';

// pega todos

for(let i = 0; i < elemento.length; i++){
    elemento[i].style.color = 'red';
}

<h1>teste</h1>
	<br>
	<hr>
	<p>ola</p>
	<p>oi</p>
	<p>qwerty</p>