代码应该在 <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/