Skip to content

Instantly share code, notes, and snippets.

View sanjaytj's full-sized avatar

SanjayTalya || TJ sanjaytj

  • Bengaluru
View GitHub Profile
@sanjaytj
sanjaytj / DOM Properties
Created April 5, 2021 08:24
Subtle differences between innerText, innerHTML and textContent
<p id="demo"> This element has extra spacing and contains <span>a span element</span>.</p>
<script>
function getInnerText() {
alert(document.getElementById("demo").innerText)
}
function getHTML() {
alert(document.getElementById("demo").innerHTML)
}
<p id="demo"> This element has extra spacing and contains <span>a span element</span>.</p>
<button onclick="getInnerText()">Get innerText</button>
<button onclick="getHTML()">Get innerHTML</button>
<button onclick="getTextContent()">Get textContent</button>
<p id="demo"></p>
<script>
function getInnerText() {