使用Javascript放置徽标

我使用以下代码在我的网站wpbarbers上放置徽标。通用域名格式。 在Mozilla和Chrome中一切正常，但Internet Explorer和Safari没有显示徽标。
谢谢你的小费

(function() {
  var logoHere, logoMain, text;
  text = document.querySelector(".header .header-inner .logo a");
  console.log(text);
  text.innerHTML = "";
  logoHere = document.querySelector(".header .header-inner .logo a");
  logoMain = document.createElement("img");
  logoMain.setAttribute("src", "http://wpbarbers.com/wp-content/uploads/2016/11/wp-barbers-logo.png");
  logoMain.setAttribute("height", "143");
  logoMain.setAttribute("width", "300");
  logoMain.setAttribute("alt", "WP Barbers");
  logoHere.append(logoMain);
}).call(this);

不要使用<代码>附加是实验性的，而不是您在本例中所寻找的

logoHere.appendChild(logoMain);

---

当你说Mozilla时，你的意思是真的还是（因为你没有称其他浏览器为Google、Microsoft和Apple）“Internet Explorer和Safari”-哪个版本？他们的错误控制台会怎么说？问题是为什么要使用javascript添加徽标。