我想用 javascript 生成这样的 img 标签:
<img id="drag0" src="http://localhost:34737/Images/MainSlider/A(1).jpg" class="col-4" draggable="true" ondragstart="drag(event)">
及拖动方法:
document.addEventListener("drag", function (ev) {
ev.dataTransfer.setData("text", ev.target.id);
}, false);
当我生成动态 html 时,它没有按预期工作,而是在 DOM 中返回:
<img id="drag1" src="http://localhost:34737/Images/MainSlider/B(1).jpg" class="col-4" draggable="true" ondragstart="function drag(ev) {
ev.dataTransfer.setData("text", ev.target.id);}">
这是我的 JavaScript 代码:
var img = document.createElement("img");
img.setAttribute("id", "drag" + i);
img.setAttribute("src", user[i].MainPicAddress);
img.setAttribute("class", "col-" + e);
img.setAttribute("draggable", true);
img.setAttribute("ondragstart", drag);
最佳答案
您需要将 ondragstart
属性值放在引号中,如下所示:
img.setAttribute("ondragstart", "drag(event)");
关于javascript - 使用 javascript DOM 生成 Html,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48861886/