Difference between revisions of "Web defacing"
Jump to navigation
Jump to search
Line 29: | Line 29: | ||
=== Insert an element === | === Insert an element === | ||
<syntaxhighlight lang="javascript"> | <syntaxhighlight lang="javascript"> | ||
− | + | // Grab the element that we want to insert the new element into. | |
const list = document.getElementById("my-list"); | const list = document.getElementById("my-list"); | ||
// Append the new element | // Append the new element | ||
list.appendChild(newListItem); | list.appendChild(newListItem); | ||
</syntaxhighlight> | </syntaxhighlight> | ||
− | |||
= Resources = | = Resources = |
Revision as of 07:51, 24 April 2024
Snippets
HTML
CSS
JavaScript
Grabbing an element
const titleElement = document.getElementById("my-title");
Editing the content
titleElement.innerHTML = "🙃"
Creating an element
const newListItem = document.createElement("li");
// Set the content
newListItem.innerHTML = "Add an element using JavaScript";
Insert an element
// Grab the element that we want to insert the new element into.
const list = document.getElementById("my-list");
// Append the new element
list.appendChild(newListItem);