1 | initial version |
There are several ways to retrieve information using JavaScript:
Example:
<!DOCTYPE html>
<html>
<head>
<title>JavaScript Get ElementById Example</title>
</head>
<body>
<h1 id="heading">Hello World!</h1>
<script>
var element = document.getElementById("heading");
alert(element.innerHTML);
</script>
</body>
</html>
Example:
<!DOCTYPE html>
<html>
<head>
<title>JavaScript Get ElementByClassName Example</title>
</head>
<body>
<h1 class="heading">Hello World!</h1>
<p class="desc">This is a description.</p>
<script>
var elements = document.getElementsByClassName("heading");
for(var i = 0; i < elements.length; i++) {
alert(elements[i].innerHTML);
}
</script>
</body>
</html>
Example:
<!DOCTYPE html>
<html>
<head>
<title>JavaScript GetElementsByTagName Example</title>
</head>
<body>
<h1>Hello World!</h1>
<p>This is a paragraph.</p>
<script>
var elements = document.getElementsByTagName("p");
for(var i = 0; i < elements.length; i++) {
alert(elements[i].innerHTML);
}
</script>
</body>
</html>
Example:
<!DOCTYPE html>
<html>
<head>
<title>JavaScript querySelector Example</title>
</head>
<body>
<div id="main">
<h1>Hello World!</h1>
<p>This is a paragraph.</p>
</div>
<script>
var element = document.querySelector("#main h1");
alert(element.innerHTML);
</script>
</body>
</html>
Example:
<!DOCTYPE html>
<html>
<head>
<title>JavaScript querySelectorAll Example</title>
</head>
<body>
<div id="main">
<h1>Hello World!</h1>
<p>This is a paragraph.</p>
</div>
<script>
var elements = document.querySelectorAll("#main p");
for(var i = 0; i < elements.length; i++) {
alert(elements[i].innerHTML);
}
</script>
</body>
</html>