Question

我有一个<li>元素，当用户点击特定id="onlink"时，需要为其分配<li>个属性。如何使用Javascript进行操作？

Answer 1

您可以使用id

设置元素的element.id='newid';属性

在你的情况下：

<script>
    function changeID(obj) {
        obj.id = 'onlink';
    }
</script>

<li onclick='changeID(this);'>text</li>

Answer 2

试试这个：

<!DOCTYPE html>
    <html>
    <head>
    <style>
    #text{
    font-size:40px;
    }
    </style>
    </head>
    <body>


    <li>
    I am a LI element
    </li>

    <button onclick="myFunction()">Try it</button>

    <script>
    function myFunction() {
        var x = document.getElementsByTagName("LI")[0];
        x.setAttribute("id", "text");
    }
    </script>

    </body>
    </html>

Answer 3

#onlink1{
color:green;
}

#onlink2{
color:red;
}

#onlink3{
color:black;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul id="pages">
    <li class="something"><a href="#"></a> 1</li>
    <li class="something"><a href="#"></a> 2 </li>
    <li class="something"><a href="#"></a> 3 </li>
</ul>

int index = 0; index < filePaths; index++

如何使用javascript为HTML <li>元素分配ID？

3 个答案: