` element: ```javascript const div = document.createElement('div') ``` The new element is a fully manipulatable [DOM](https://attacomsian.com/blog/getting-dom-elements-javascript) node. You can [add CSS classes](https://attacomsian.com/blog/javascript-add-remove-toggle-css-classes), set ID and other attributes, add texts and markups, and so on: ```javascript // set attributes div.id = 'hint' div.className = 'course-hint' // add markup div.innerHTML = '

Learn JavaScript

' ``` Once you are ready, use the `appendChild()` method to **append** the HTML element to the DOM: ```javascript // grab target element reference const target = document.querySelector('#intro') // append div to target target.appendChild(div) ``` The above code will insert the new element as a **last-child** of the target node. To insert the new element inside the `` tag, use the following example: ```javascript // insert element to the body document.body.appendChild(div) ``` Alternatively, you can use the `insertBefore()` method to insert an element to the DOM, just **before** or **after** an existing node, as shown below: ```javascript // insert the element before target element target.parentNode.insertBefore(div, target) // insert the element after target element target.parentNode.insertBefore(div, target.nextSibling) ```