10

マウスオーバー イベントを構成するタグの間に JavaScript を使用することになっているコードと<script>、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>
4

3 に答える 3

18

これは、正しい関数名がgetElementsByTagNameand not getElementByTagNameであるためです。

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

これは、その特定のタグ名 (この場合、ドキュメント内のすべてのリスト項目) を持つ要素の Nodelist を返します。

次に、必要に応じて li を具体的にターゲットにすることができます。たとえば、次のようになります。

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

等

于 2013-04-03T10:12:36.750 に答える
3

関数の正しい名前はgetElementsByTagName('s' を含む) であり、単一の要素だけでなく、要素の配列を返します。配列から最初の項目を取得したい場合は、次のようにする必要があります。

var item = document.getElementsByTagName("li")[0];
于 2013-04-03T10:15:22.177 に答える
1

document.getElement s ByTagNameである必要があります

于 2019-02-21T14:45:10.753 に答える