From de35f01eff9ecfb5f9a05fd46b3b22fa6df557cd Mon Sep 17 00:00:00 2001 From: Azhar Ali Date: Wed, 25 Jan 2023 13:42:28 +0500 Subject: [PATCH] DOM-Documents --- .../DOM/2.DOM Documents/images/js-logo.png | Bin 0 -> 4253 bytes .../Advance/DOM/2.DOM Documents/index.html | 18 +++++++++++++ .../Advance/DOM/2.DOM Documents/script.js | 24 ++++++++++++++++++ 3 files changed, 42 insertions(+) create mode 100644 JavaScript/Advance/DOM/2.DOM Documents/images/js-logo.png create mode 100644 JavaScript/Advance/DOM/2.DOM Documents/index.html create mode 100644 JavaScript/Advance/DOM/2.DOM Documents/script.js diff --git a/JavaScript/Advance/DOM/2.DOM Documents/images/js-logo.png b/JavaScript/Advance/DOM/2.DOM Documents/images/js-logo.png new file mode 100644 index 0000000000000000000000000000000000000000..4637ac92a54e728830ce5e72ff0fb6b017ba1797 GIT binary patch literal 4253 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 O0OjuLb*RDxO#KHrCLiqp literal 0 HcmV?d00001 diff --git a/JavaScript/Advance/DOM/2.DOM Documents/index.html b/JavaScript/Advance/DOM/2.DOM Documents/index.html new file mode 100644 index 0000000..4871084 --- /dev/null +++ b/JavaScript/Advance/DOM/2.DOM Documents/index.html @@ -0,0 +1,18 @@ + + + + + + + + DOM Documents + + + +

DOM Documents

+ +

+ + + + \ No newline at end of file diff --git a/JavaScript/Advance/DOM/2.DOM Documents/script.js b/JavaScript/Advance/DOM/2.DOM Documents/script.js new file mode 100644 index 0000000..61137c8 --- /dev/null +++ b/JavaScript/Advance/DOM/2.DOM Documents/script.js @@ -0,0 +1,24 @@ +let textOne = document.getElementById('textOne'); + +function DisplayOne() { + textOne.innerHTML = ` +

Finding HTML Elements

+
  • 1. document.getElementById('id')
    • +
  • 2. document.getElementByTagName(name)
    • +
  • 3. document.getElementByClassName('name')
    • +

    Changing HTML Elements

    +
  • 1. element.innerHTML = new html content
    • +
  • 2. element.attribute = new value
    • +
  • 3. element.style.property = new style
    • +

    Method

    +
  • 4. element.setAttribute(attribute, value)
    • +

    Adding and Deleting HTML Elements

    +
  • 1. document.createElement(element)
    • +
  • 2. document.removeChild(element)
    • +
  • 3. document.appendChild(element)
    • +
  • 4. document.replaceChild(new, old)
    • +
  • 5. document.write(text)
    • +

    Adding Events Handlers

    +
  • document.getElementById(id).onclick = function(){code}
    • + ` +} \ No newline at end of file