Difference between revisions of "Web defacing"

From Interaction Station Wiki
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.
+
// 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);

Resources

Browser extension template