javascript dom query selector

1//Pretend there is a <p> with class "example"
2const myParagraph = document.querySelector('.example');
3//You can do many this with is
4myParagraph.textContent = 'This is my new text';

1let Element = document.querySelector(".class");

1const elt = document.querySelector("#myId p.article > a");
2

1<div id="foo\bar"></div>
2<div id="foo:bar"></div>
3
4<script>
5  console.log('#foo\bar');               // "#fooar" (\b is the backspace control character)
6  document.querySelector('#foo\bar');    // Does not match anything
7
8  console.log('#foo\\bar');              // "#foo\bar"
9  console.log('#foo\\\\bar');            // "#foo\\bar"
10  document.querySelector('#foo\\\\bar'); // Match the first div
11
12  document.querySelector('#foo:bar');    // Does not match anything
13  document.querySelector('#foo\\:bar');  // Match the second div
14</script>

1const para = document.querySelectorAll('p');