[英]Generate Html with javascript DOM
I want to generate an img tag like this with javascript: 我想用javascript生成这样的img标签:
<img id="drag0" src="http://localhost:34737/Images/MainSlider/A(1).jpg" class="col-4" draggable="true" ondragstart="drag(event)">
and drag method: 拖动方法:
document.addEventListener("drag", function (ev) {
ev.dataTransfer.setData("text", ev.target.id);
}, false);
When I generate the dynamic html it's not working as expected and it returns this in the DOM: 当我生成动态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);}">
This is my javascript code: 这是我的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)");
try adding double quotes around the setAttribute 2nd parameter. 尝试在setAttribute 2nd参数周围添加双引号。
img.setAttribute("ondragstart", 'drag(event)');
or something like 或类似的东西
img.setAttribute("ondragstart", 'drag');
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.