element tag name, id, direction, language, hidden disabled information
<!DOCTYPE HTML>
<html>
<head>
<title>Example</title>
<style>
p {border: medium double black;}
</style>
</head>
<body>
<p id="textblock" dir="ltr" lang="en-US">
<span id="banana">banana</span>
<span id="apple">apples</span>
<span="orange">oranges</span>
This is a test.
</p>
<pre id="results"></pre>
<script>
var results = document.getElementById("results");
var elem = document.getElementById("textblock");
results.innerHTML += "tag: " + elem.tagName + "\n";
results.innerHTML += "id: " + elem.id + "\n";
results.innerHTML += "dir: " + elem.dir + "\n";
results.innerHTML += "lang: " + elem.lang + "\n";
results.innerHTML += "hidden: " + elem.hidden + "\n";
results.innerHTML += "disabled: " + elem.disabled + "\n";
</script>
</body>
</html>
Home
JavaScript Book
DOM
JavaScript Book
DOM
HTMLElement:
- The HTMLElement Members
- element tag name, id, direction, language, hidden disabled information
- addEventListener
- appendChild
- attributes returns a collection containing all of the attributes
- classList
- className
- cloneNode
- createElement
- createTextNode
- dataset
- getAttribute
- getElementsByTagName
- hasAttribute
- innerHTML
- insertAdjacentHTML
- insertBefore
- isSameNode
- outerHTML
- onmouseout
- onmouseover
- querySelectorAll
- removeEventListener