如何将id分配给HTML<；李>；元素使用javascript？_Javascript_Html_Css

如何将id分配给HTML<；李>；元素使用javascript？

javascript html css

如何将id分配给HTML<；李>；元素使用javascript？,javascript,html,css,Javascript,Html,Css,我有一个元素，当用户单击特定的时，需要为该元素分配一个id=“onlink”属性。如何使用Javascript实现它？您可以使用element.id='newid'设置元素的id属性就你而言： <script> function changeID(obj) { obj.id = 'onlink'; } </script> <li onclick='changeID(this);'>text</li> 函数变更

我有一个

元素，当用户单击特定的

时，需要为该元素分配一个id=“onlink”
属性。如何使用Javascript实现它？
您可以使用element.id='newid'设置元素的id
属性
就你而言：
<script>
    function changeID(obj) {
        obj.id = 'onlink';
    }
</script>

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


函数变更ID（obj）{
obj.id='onlink'；
}
正文
试试这个：
<!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>


#正文{
字体大小：40px；
}

我是李元素

试试看
函数myFunction（）{
var x=document.getElementsByTagName（“LI”）[0]；
x、 setAttribute（“id”、“文本”）；
}

$（'#pages li'）。每个（函数（i）{
$（this.attr（'id'，'onlink'+（i+1））；
});
#onlink1{
颜色：绿色；
}
#在线2{
颜色：红色；
}
#在线3{
颜色：黑色；
}


1
2
3
li.onclick=function（）{li.id='onlink'}
一旦您分配了id，您打算如何处理它？我希望在CSST中做一些更改这不是有效的HTMLH如果我最初没有为它分配id，我应该怎么做？很抱歉，您的问题一开始就不是很清楚。现在我明白了，见更新answer@Jonasw“为什么？”KobyDouek提到了你的第一个版本。使用内联JSH的样式仍然不好此HTML无效且无法使用。@Rob为什么无效？请尝试这是一个非常好的解释，x是一个非常好的变量名。css与这个问题有什么关系呢？
元素必须包含在或元素中，并且不能单独存在。在W3上运行此脚本，您将了解css的用法，而li can stand aloneOP没有使用JQuery