2016-11-11 4 views
1

次のコードを使用して、自分のサイトwpbarbersにロゴを配置しました。 com。 MozillaとChromeですべてうまく動作しますが、Internet ExplorerとSafariではロゴが表示されません。
チップありがとう!JavaScriptを使用してロゴを配置する

(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); 
+1

Mozillaを言うとき、あなたは本当に[その製品名にMozillaでブラウザ](https://en.wikipedia.org/wiki/Mozilla_Application_Suite)を意味するか、またはあなたは[現在で公表され、ブラウザを意味していますMozilla](https://www.mozilla.org/en-GB/firefox/new/?utm_medium=referral&utm_source=getfirefox-com)(他のブラウザであるGoogle、Microsoft、Appleを呼び出さなかったため) – Quentin

+1

"Internet Explorer Safari " - どのバージョン?彼らのエラーコンソールは何を言いますか? – Quentin

+1

なぜあなたはロゴを追加するためにjavascriptを使用したいと思いますか? –

答えて

2

appendChildではなく、appendを使用してください。 appendは実験的であり、この場合はあなたが探しているものではありません。

logoHere.appendChild(logoMain); 
関連する問題