Question

我正在编写一个小脚本，其中有一些列表项。如果您参考以下代码，您会注意到有15个列表项。现在我只想显示其中9个用户日志，如果他点击列表号，那么现在应该显示前九个用户日志。 7然后列出第3，第4，第5，第6，第7，第8，第9，第10，第11，第11列应该显示。

我是否必须为每个列表提供ID？

谢谢

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
    <head>
        <title>Title</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <link href="/library/styles/styles.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
        <ul id="list1">
            <li><a href="1">1</a></li>
            <li><a href="2">2</a></li>
            <li><a href="3">3</a></li>
            <li><a href="4">4</a></li>
            <li><a href="5">5</a></li>
            <li><a href="6">6</a></li>
            <li><a href="7">7</a></li>
            <li><a href="8">8</a></li>
            <li><a href="9">9</a></li>
            <li><a href="10">10</a></li>
            <li><a href="11">11</a></li>
            <li><a href="12">12</a></li>
            <li><a href="13">13</a></li>
            <li><a href="14">14</a></li>
            <li><a href="15">15</a></li>
        </ul>
        <!-- start: javascripts -->
        <script type="text/javascript">
            var ul = document.getElementById("list1");
            var liNodes = [];

            for (var i = 0; i < ul.childNodes.length; i++) {
                if (ul.childNodes[i].nodeName == "LI") {
                    liNodes.push(ul.childNodes[i]);
                }
            }

            document.write("LiNodes:" +liNodes.length);
            if (liNodes.length < 9) {
                display_nine(); 
            }

            function display_nine() {
            }
        </script>
        <!-- end: javascripts -->
    </body>
</html>

Answer 1

您可以使用CSS和JavaScript或只使用JavaScript。

<强> CSS：

隐藏

display：none;

显示

display：block;

然后给每个人一个id。将隐藏设置为display：none然后在JavaScript中设置为在用户单击数字7时阻止。

OR

<强> JavaScript的：

根据用户互动编写列表的HTML

document.write('<li><a href="13">13</a></li>');

使用Number Seven的函数调用在单击时写入整个列表。

您也可以将其置于DIV中，并根据用户交互在DIV中重新编写列表。

Javascript导航帮助

1 个答案: