javascript - 无法使用 jquery 附加图像

Question

我目前有一个代码可以工作，我可以使用 jquery 根据页面的 url 添加一个类。但是我想将图像添加到 div 而不是仅仅添加一个类。我不太精通java脚本，但我认为可能有一个非常简单的解决方案。不起作用的代码是

if (window.location.href.indexOf('Locate_an_eyecare_professional') > -1) {
        var img = document.createElement("img");
        img.src = '~/Content/Images/Template 5A Filmstrip.jpg" />';



    }

现在有效但我不想使用的代码是

if (window.location.href.indexOf('Locate_an_eyecare_professional') > -1) {
        var $body = $('body');

        $body.addClass('campaign');


    }

如何将我所知道的有效知识应用到我想要的工作中？

Answer 1

如果由于某种原因您不想在这部分使用 jQuery，您只需将元素附加到 html 文档的正文(或您希望它结束​​的任何位置)，如下所示:

Javascript代码

if (window.location.href.indexOf('Locate_an_eyecare_professional') > -1) {
  var body = document.getElementsByTagName("BODY")[0];
  var img = document.createElement("img");
  img.className = 'img-responsive'
  img.src = '~/Content/Images/Template 5A Filmstrip.jpg';
  body.appendChild(img);
}