getElementsByTagName

In this chapter you will learn:

  1. How to get element by its tag name

Get element by tag name

The following code shows how to get element by name and by id.

<!DOCTYPE HTML> <!--  j  a v  a2  s.co  m-->
<html> 
<body> 
    <pre id="results"></pre> 
    <p id="tblock"> 
        This is a HTML document. 
        <span id="banana">b</span> 
        <span id="apple">a</span>, 
        <span="orange">C</span="orange"> 
    </p> 
        <script> 
            
            var elems = document.getElementById("tblock")
            var spans = elems.getElementsByTagName("span"); 
            document.writeln(spans.length); 
        </script> 
</body> 
</html>

Click to view the demo

Next chapter...

What you will learn in the next chapter:

  1. How to know the existence of an attribute
Home » Javascript Tutorial » HTML Operation
HTMLElement
addEventListener
appendChild
attributes
classList
className
cloneNode
createElement
createTextNode
dataset
getAttribute
getElementsByTagName
hasAttribute
innerHTML
insertAdjacentHTML
insertBefore
isSameNode
outerHTML
onmouseout
onmouseover
removeEventListener