将元素添加到代码父级

Question

所以我想写一个js代码来创建图片标签....像这样

var oImg=document.createElement("img");
oImg.setAttribute('src', 'www.site.com/banner/a.gif');
oImg.setAttribute('alt', 'na');
document.body.appendChild(oImg);

所以这是问题所在...现在，它只是将图像追加到身体上，但是我希望它显示在我放置此代码的确切位置...例如，如果我将其放在侧边栏中，则我希望该图像显示在侧栏中

而且我不想将此js代码添加到页面的任何额外的html标签

那可能吗 ？

Answer 1

您可以将当前脚本标签替换为ID

<script id='image_replace'>
    var oImg=document.createElement("img");
    oImg.setAttribute('src', 'http://placehold.it/350x150');
    oImg.setAttribute('alt', 'na');
    var this_script = document.getElementById('image_replace');
    this_script.parentElement.replaceChild(oImg,this_script);
</script>

小提琴： http : //jsfiddle.net/trex005/e2Lqh9ef/

Answer 2

您编写的代码将img附加在正文中，因为它说：“ document.BODY.appendChild（yourElementToAppend）”。 当然，它将附加元素到身体。

为了回答您的问题，您的推理不正确。 解决问题的最好方法是在侧边栏（或需要给孩子添加元素的元素）上提供一个ID（或一个类），而在.js中，您可以轻松地使用jQuery并编写与问题，除了最后一行，应替换为：$（“。nameIdYouWroteInTheSidebar”）。appendChild（oImg）;

希望这会有用:)