innerHTML在javascript中将数据作为字符串而不是事件附加

Question

我在页面加载时尝试调用函数： 这是html方面：

<div id='mapid'></div>

这是我的javascript代码：

var output2='onload="myVar = setTimeout(mapAll, 1)"';
document.getElementById("mapid").innerHTML += output2

但是，我没有执行该功能，而是在屏幕上显示一个纯文本，说明＆＃34;＆＃39; onload =＆＃34; myVar = setTimeout（mapAll，1）＆＃34;＆＃39; ＆＃34;

那么，有没有办法解决这个问题，同时保留id供以后使用，以便我得到这样的东西： <div id="mapid" onload="myVar = setTimeout(mapAll, 1)"></div>

Answer 1

使用@Component({ template: `<div *ngFor="let item of items"> <item [item]='item'></item> </div>` }) export class ItemClass { } 代替setAttribute。

如果要添加内联事件处理程序

，可以这样做

innerHTML

DEMO