javascript - document.getElementByTagName is not a function

Question

Welcome To Ask or Share your Answers For Others

javascript - document.getElementByTagName is not a function

posted Oct 24, 2021 in Technique[技术] by 深蓝 (71.8m points)

javascript - document.getElementByTagName is not a function

The code supposed to be use javascript between the <script> tags that consists of a mouseover event, and the list items in the HTML page must be styled as follows: normal - black, 12, bold and over yellow, 15, bold, italic.

<html>
<head>
<title> Using mouseover eve </title>
<script language = "javascript">
<!--
    function changeStyle() {

        var item = document.getElementByTagName("li");
        item.style.color = "yellow";
        item.style.fontSize = "15pt";
            item.style.fontWeight = "bold";
        item.style.fontStyle = "italic";

    }
-->
</script>
</head>
<body>
<ul style = "color: black; font-size: 12pt; font-weight: bold" >
    <li onMouseOver = "changeStyle()"> item 1 </li>
    <li onMouseOver = "changeStyle()"> item 2 </li>
</ul>
</body>
</html>

See Question&Answers more detail:os

与恶龙缠斗过久,自身亦成为恶龙；凝视深渊过久,深渊将回以凝视…

1 Reply

深蓝 · Answer 1 · 2021-10-23T20:00:58+0000

That's because the correct function name is getElementsByTagName and not getElementByTagName.

 var items = document.getElementsByTagName("li");

This will return a Nodelist of elements with that particular tag name (in this case, all list items in the document).

Then, you could target your li's specifically as you wish, for example:

items[0].style.color = "yellow"; // first li is yellow when mouseover
items[1].style.color = "red"; // second li is red when mouseover

etc.

Categories

javascript - document.getElementByTagName is not a function

javascript - document.getElementByTagName is not a function

Please log in or register to add a comment.

Please log in or register to reply this article.

1 Reply

Please log in or register to add a comment.

Just Browsing Browsing

Most popular tags