> For the complete documentation index, see [llms.txt](https://eleven-fifty-academy.gitbook.io/javascript-152-objects-arrays/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://eleven-fifty-academy.gitbook.io/javascript-152-objects-arrays/05-arrays/solutions/arrays-in-the-dom.md). # "Arrays" in the DOM ## Completed Code **HTML** ```markup

DOM CHALLENGE!

I believe in you!

You can do it!

Just Think

Well, what's your answer?

``` **JavaScript** ```javascript function myFunction() { var myNodelist = document.querySelectorAll("p"); var i; for (i = 0; i < myNodelist.length; i++) { myNodelist[i].style.color = "blue"; myNodelist[i].style.fontStyle ="italic"; } } ``` ## NodeList The main component of this challenge is a **NodeList**. A **NodeList** is very similar to an **HTMLCollection** in that both return **array-like objects**. NodeLists differ in that they can only be accessed by their **index number** and can contain **attribute nodes and text nodes**. That's why we are able to change the color and style of our `

` tags. Please note, **a NodeList is NOT an Array**. It **looks** like an array, and can be **referenced** like an array, but you **CANNOT** use **array methods** on a NodeList. ## Explanation * **document.querySelectorAll("p")** - all `

` tags in the HTML are selected. * **For Loop** - The text is changed to **blue** and put in *italics* for each `

` tag. ## open-in-browser If you don't have it already, install the **open-in-browser** extension by **coderfree** to run HTML from VS Code. Once you have it installed, make sure you are on your `.html` page and then type `ctrl+alt+o` on **Windows** or `cmd+alt+o` on **Mac** to select a browser to run the HTML in. `Ctrl+K` and then `D` (hold ctrl and k, release and press d) runs the HTML in your default browser. I would assume Mac users need to just use `cmd` instead of `ctrl`. ## Output Here's the proper output after clicking the button. ![Array Dom](https://1575703339-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LAU8YfvX8hu45TN4Mbg%2F-LAU8dkOiW5hvJBP1l-_%2F-LAU8rlzJW-8-1dOir8F%2FarrayDom.PNG?generation=1524162331561362\&alt=media)