如何使用Javascript将实例添加到实例对象中？_Javascript_Html_Google Chrome_Google Chrome Extension

如何使用Javascript将实例添加到实例对象中？

javascript html google-chrome google-chrome-extension

如何使用Javascript将实例添加到实例对象中？,javascript,html,google-chrome,google-chrome-extension,Javascript,Html,Google Chrome,Google Chrome Extension,我正在尝试创建一个简单的chrome扩展，我想引用类似Trello的列表。结果证明这是成功的，因为我很容易就找到了一个实例。但是，我想创建一个删除按钮，当我实例化它们时，它们只停留在第一个实例化的对象上。我考虑过每次使用列表或变量来更改id，但我认为这会使事情变得更复杂。我怎样才能解决这个问题代码： popup.html <!DOCTYPE HTML> <html lang="en"> <head> <lin

我正在尝试创建一个简单的chrome扩展，我想引用类似Trello的列表。结果证明这是成功的，因为我很容易就找到了一个实例。但是，我想创建一个删除按钮，当我实例化它们时，它们只停留在第一个实例化的对象上。我考虑过每次使用列表或变量来更改id，但我认为这会使事情变得更复杂。我怎样才能解决这个问题

代码：

popup.html

<!DOCTYPE HTML>
<html lang="en">
    <head>
        <link rel="stylesheet" href="popup.css">
        <meta charset="UTF-8">
        <title>Esse</title>
    </head>
    <body>
         <script type="text/javascript"                     src="popup.js"></script> 
        <h1 class="logo">Esse</h1>
        <p class="by">by</p> 
        <p class = "Minim">Minim</p>
     <!--   <img src="images/logo_transparent.png"   width="60" height="60" class="studiologo"> -->
        <div class="container" id="container">
            <ul class="hwcontainer" id="Lcontainer">
                <li><input type="button" id="button"    value="+" class="addlist" /></li>
            </ul>
        </div>

    </body>
</html>

元素ID在整个文档中必须是唯一的

所有列表都具有相同的ID“newList”

当您尝试添加按钮

document时，getElementById（'newList'）

将始终返回第一个列表

您可以通过指定唯一的元素ID来解决此问题。您可以使用计数器（就像您已经拥有的那样）来执行以下操作：

new_list.id = 'newList' + listnum;

new_list.id = 'newList' + listnum;