JavaScript-DOM/16_innerHTML_textContent.js at master · last-endcode/JavaScript-DOM · GitHub

22 lines (18 loc) · 520 Bytes

// innerHTML

const theContainer = document.querySelector('.container');

const NewElement = document.createElement('p');

NewElement.innerText = 'Lorem ipsum';

theContainer.appendChild(NewElement);

// u can change text use innerHTML with tag html

NewElement.innerHTML = `<ul>

<li>Marine Ford</li>

</ul>`;

// but if use textContent not work

// if use syntax HTML and will display syntax html

// NewElement.textContent = `<ul>

// <li>SHP</li>

// <li>RHP</li>

// <li>Marine Ford</li>

// </ul>`;

Expand file tree