如何获得节点js中dynamic创build的button的button动作？

我是expressionjs（和节点js）的新手。 我正试图实现一个onclick监听器dynamic创build的button。 这是我的代码

Native.pug

doctype html html head title="div dude" body div.main#main(style="height:300px;width:800px;border-style: solid;border-color: #ff0000 #0000ff;padding:10px") each prod in product_name // Created by krishna on 19/5/17. div.child1#child1(style="float:left;height:280px;width:30%;border-style: solid;border-color: #ff0000 #0000ff;margin:10px") p.greetings#people1 Hello World! p.id#id #{prod.id} p.name#name #{prod.name} p.price#price #{prod.price} button.send#send(onclick='senddata()') Add to Cart script(src='/javascripts/try.js') 

try.js

 function senddata() { document.getElementById("send").innerHTML = "YOU CLICKED ME!"; } 

index.js

 var express = require('express'); var app = express({mergeParams: true}); var products = [ { place1:[ {id: 1, name: "choc1", price: 20}, {id: 2, name: "choc2", price: 30} ], place2:[ {id: 1, name: "coffee", price: 50} ], place3: [ {id: 1, name: "oil1", price: 10}, {id: 2, name: "oil2", price: 60}, {id: 3, name: "oil3", price: 70} ] } ]; app.get('/:place/:id([0-9]{1,})', function(req, res){ if (products[0][req.params.place] === undefined) res.send("place doesnt exist"); else { if (products[0][req.params.place][req.params.id - 1] === undefined) res.send ("id doesnt exist"); else { console.log(products[0][req.params.place][req.params.id-1]); res.render('small_div.pug', {product_name:products[0][req.params.place][req.params.id-1]}); } } }); app.get('/:place', function (req, res) { res.render('native.pug', {product_name:products[0][req.params.place]}); }); module.exports = app; 

当我点击button，只有第一个button的作品。 其余的人不工作。 没有错误显示。

请帮忙。

谢谢

Answer 1

终于搞明白了。

只是，当我试图在javascript中获取ElementLevel时，它只查找ID为“send”的第一个元素。 由于所有元素都是dynamic创build的，所有元素都有id发送。

所以，我只是改变了ID为{prod.id}这是唯一的，然后通过onClick传递给一个函数。 问题解决了。