使用onclick将已激活的类添加到已存在的javascript代码中的LI元素

时间:2017-06-19 17:33:42

标签: javascript

我看到一堆线程询问如何添加一个类来使用javascript激活标记。但在我的情况下,我已经有一个javascript,它在订购列表中生成一个播放列表(OL> LI> A),所以我在实现它时遇到了困难....

File[] file = new File[list.size()];

因此,上面会生成一个播放列表,正如您所看到的,html + =是列表获取HTML输出的位置。那么我将如何实现一个javascript代码,所以每当我点击A链接时,LI就会变为LI.active

提前致谢

3 个答案:

答案 0 :(得分:0)

如果你想像上面那样使用字符串,只需像任何其他元素一样查询它:

html += "<li>...</li>"

document.querySelectorAll("li").forEach(li => {
  li.addEventListener("click", e => console.log(e))
})

或者,你可以像这样创建一个元素:

let li = document.createElement("li");

您可以像往常一样添加事件监听器

li.addEventListener("click", e => console.log(e));

然后您可以将elem添加到dom:

document.body.appendChild(li);

答案 1 :(得分:0)

您可以在元素的<html> <head> <title><?php echo $L["title"];?></title> </head> <body> <?php if(isset($_GET["lang"])){ $L=parse_ini_file($_GET["lang"].".ini"); }else{ $L=parse_ini_file("en.ini"); } ?> <a href="?lang=en">EN</a> <a href="?lang=it">IT</a> <a href="?lang=sin">SIN</a> <h1><?php echo $L["Login form"];?></h1> <form action="login_action.php" method="post"> <fieldset> <label><?php echo $L["un"];?></label> <input type="email" name="email"/> <br/> <br/> <label><?php echo $L["pw"];?></label> <input type="password" name="pword"/> </fieldset> <fieldset> <input type="button" value=" <?php echo $L['reset'];?>" /> <input type="submit" value="<?php echo $L['login'];?>" /> </fieldset> </form> </body> </html> 属性上使用removeadd

classList

答案 2 :(得分:0)

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<script type="text/javascript">
    window.onload = function() {
    var listItems = document.getElementsByTagName("li");
    for (var i = 0; i < listItems.length; i++) {
        listItems[i].addEventListener('click',changeClass,false);
    }
}
function changeClass() {
    this.classList.add("active");
}
</script>
<ul>
    <li>song1</li>
    <li>song2</li>
</ul>
</body>
</html>