如何在javascript中将html id元素设置为变量

Question

       var html ='<li id="existingProductArray[i]">'
               + '<input type="image" id="existingProductArray[i]" src="images/subtract.png" onclick="javascript:deleteProduct(this.id)" href="#">'
               + existingProductArray[i]
               + '</li>';

我在萤火虫中看到 id 是这样的，因为我希望 existingProductArray[i] 的值是 id。我做错的地方。

                id="existingProductArray[i]"

Answer 1

尝试这个

 var id = existingProductArray[i];

 var html ='<li id="' + id + '">'
           + '<input type="image" id="' + id + '" src="images/subtract.png" onclick="javascript:deleteProduct(this.id)" href="#">'
           + id
           + '</li>';

但

ID 因此名称应该是唯一的，您给 2 个元素提供了相同的 ID（这是一个坏主意）

Answer 2

尝试改变：

+ '<input type="image" id="existingProductArray[i]" src="...>'

到

+ '<input type="image" id="'+existingProductArray[i]+'" src="...>'

因此，在您的代码行中，它只是将其用作文本字符串。你需要挣脱绳子并做到这一点。