Changing(Overriding) The Text of Multiple Paragraph Element's Through DOM

Asked Mar 16 '21 at 10:39

Active Mar 16 '21 at 10:39

Viewed 8 times

I am Using "Query-Method" But it is not changing any paragraph content , this method works fine for Single Element overiding text. But not for Multiple Elements

<body>
<!--HTML-->
<h1>Changing Text of Multiple Elemenet's via DOM</h1>
<div class="box">
  <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit.</p>
  <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit.</p>
  <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit.</p>
</div>
<!-- JS -->
<script>
  let box = document.querySelector(".box");
  let paraChange = box.querySelectorAll('p').innerText = "Modified";  // This approch is not working!
</script>
</body>

asked Mar 16 '21 at 10:39

Shahbaz

`box.querySelectorAll('p')` doesn't return one DOM node. So `.innerText` won't work – evolutionxbox Mar 16 '21 at 10:41
1

Have a read of the question I've linked? – evolutionxbox Mar 16 '21 at 10:43
I read it.Will the For loop work for it? – Shahbaz Mar 16 '21 at 10:47
yes a loop will help you here. that is what the linked question says – evolutionxbox Mar 16 '21 at 10:47

Changing(Overriding) The Text of Multiple Paragraph Element's Through DOM

0 Answers0