在弹出框中添加图像作为属性值

Question

我想在popover中显示一个图像，

创建元素后，我添加属性以显示弹出窗口。

var item = document.createElement('div');

var att2 = document.createAttribute("data-toggle");
var att3 = document.createAttribute("title");
var att4 = document.createAttribute("data-content");
var att5 = document.createAttribute("data-placement");

att4.value = "<img src ='blablabla.png' />;"
att3.value = itemname;
att2.value = "popover";
att5.value = "top"

item.setAttributeNode(att5);
item.setAttributeNode(att2);
item.setAttributeNode(att3);
item.setAttributeNode(att4);

任何想法？弹出窗口内容中的输出为<img src ='blablabla.png' />;

解决方案

只需将html：true添加到

中

 $('[data-toggle="popover"]').popover({html:true,trigger:"hover",container: 'body'}); 

Answer 1

function addImg(theDiv,theImg) {
  var element  = document.createElement("img");
  element.src = theImg;
  document.getElementById(theDiv).appendChild(element);
}

<div id="myDiv" onclick="addImg('myDiv','https://media1.popsugar-assets.com/files/thumbor/7NnYpYvDfxr_HYUpa4tySashCM8/fit-in/1024x1024/filters:format_auto-!!-:strip_icc-!!-/2017/03/17/915/n/1922398/40d6ad1840bc51bf_GettyImages-89938282/i/1997.jpg')">
Click me to append image
</div>

这有点像你追求的吗？很难从你的解释中说出来。