javascript - document.getElementsByTagName 不是函数

标签 javascript

代码应该在 <script> 之间使用 javascript标记那个 由鼠标悬停事件组成,HTML页面中的列表项必须 样式如下:正常 - 黑色、12、粗体和黄色、15、粗体、斜体。

<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>

最佳答案

那是因为正确的函数名称是 getElementsByTagName不是 getElementByTagName

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

这将返回具有该特定标签名称的元素的节点列表(在本例中,文档中的所有列表项)。

然后,您可以根据需要专门针对您的 li,例如:

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

等等

关于javascript - document.getElementsByTagName 不是函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15784538/

相关文章:

javascript - 使用 Ajax 时 GET 与 POST 的安全性

php - 将数据从 PHP 发送到不同域中的 Javascript

javascript - 使用 2 个数据集时 chartjs 未定义长度

javascript - VS代码扩展。 'JS Import' 来自 WebView

javascript - onSubmit 未在加载 AJAX 的表单上触发

javascript - 为什么 .on() 方法不执行第一个处理程序?

javascript - 您如何使用纯 Javascript 捕获点击事件?

javascript - 在 React 中使表格单元格可点击

javascript - 如何在 YouTube.com 视频 (javascript) 中触发鼠标悬停在视频上的操作?

javascript - 如何在不捆绑的情况下将为 AMD 编写的代码重写/重新打包为 CommonJs?