JavaScript DOM RG



Note: innerText and textContent differences

14 Things to Understand to Mastery of JavaScript DOM

! innerHTML can allow malicious code hacks..no good possible security issue

innerText Much More Secure!

*** RG JS Dom *** | w3 try it innerHTML, innerText, textContent | *** Manning Secrets of the JavaScript Ninja Chapter 12 DOM *** | *** Script js *** | *** Scratchpad DOM ***

Remove Elements

get Attribute

data-attributes

dataset and camelCase

classes = class, classList

style and camelCase

w3 get attribute | w3 Dom Remove Element | w3 ! innerHTML | w3 textContent | w3 innerText


Web Dev Simplified DOM

Thursday November 04 2021 0753 AM

* YT Learn DOM Manipulation In 18 Minutes *

Script.js This Page Code Snippet Example

  // script.js Thursday November 04 2021 0807 AM

const body = document.body
body.append("Yo Brotha!! What Up??, Using body.append")

const div1 = document.createElement("div1")
body.append(div1)

const div2 = document.createElement("div2")
body.append(div2)

const div3 = document.createElement("div3")
body.append(div3)

const div4 = document.createElement("div4")
body.append(div4)

const div5 = document.createElement("div5")
body.append(div5)

div1.innerText = "Howdy div1"

div1.textContent = "What New div1 .textContent"

div2.textContent = "What New div2 .textContent"

div3.innerHTML = "Whats Shaking Dude using innerHTML and Mark div3"


Last Updated:

Tuesday December 21 2021 0934 AM