如何在Javascript中更改<li> text </li>

时间:2016-02-19 22:22:41

标签: javascript

<html>
    <style>
             #nav {
                 position: relative;   
                 display: block;
                 margin-top: 0 10px;       
                 width: auto;
             }
             #nav ul {  
                display: block;
                list-style: none;
                text-align: center;
            }
            #nav li {
               display: inline-block;
               position: relative;
           }
           #nav a {
               position: relative;
               display: block;
           }
         </style>
    <body>
        <nav id="nav">
            <ul>
                <li>home</li>
                <li>about us</li>
                <li>News</li>
                <li>complaint resolution</li>
                <li>contact us</li>
            </ul>    
        </nav>

    <script>
        function initt() {
        var args = Array.prototype.slice.call(document.querySelectorAll("li"));
        document.getElementById("nav").innerHTML =  args;    
    }
    initt();

    </script>
    </body>
    </html>

Any help will be appreciated.

我能够创建节点列表,但无法将其转换为可打印的字符串。有人知道如何打印吗? 我已经使用过家了,但我正在尝试检索房屋,并用home1等文本替换它。 id =&#34; nav&#34;是CSS ID,一旦收到列表,我想切片并播放每个列表项。像C中的指针列表一样。

<input type="text" />

document.querySelector('input').addEventListener('input', function(){
  this.setSelectionRange(0,0);
});

1 个答案:

答案 0 :(得分:1)

<html>
<body>
    <nav id="nav">
        <ul>
            <li id="item1">home</li>
            <li>about us</li>
            <li>News</li>
            <li>complaint resolution</li>
            <li>contact us</li>
        </ul>    
    </nav>

<script>
   function print() {
   console.log(document.getElementById("item1").innerHTML)
}
print();
</script>
</body>
</html>

假设你需要访问li元素,你可以给每个元素一个id然后你可以打印