前置不在Android瀏覽器工作

Question

我使用前置這樣

$('body').prepend('<div id="div1"></div>'); 
$('.category').prepend('<div id="div2"></div>'); 
$('.head').prepend('<div id="close"></div>'); 

它適用於所有桌面瀏覽器。 它可以在所有使用ios的手機瀏覽器上運行，Iphone 5,6,7,8 但是在某些Android設備上，我沒有看到任何改變，你能幫我嗎？

Answer 1

這是您可以在香草中做到的一種方法。

var body = document.querySelector('body'); 

body.innerHTML = '<div id="div1"></div>' + body.innerHTML; 
var categories = document.getElementsByClassName('category'); 
for (var i = 0; i< categories.length; i++) { 
    categories[i].innerHTML = '<div id="div2"></div>' + categories[i].innerHTML; 
} 
var heads = document.getElementsByClassName('head'); 
for (var i = 0; i< categories.length; i++) { 
    heads[i].innerHTML = '<div id="close"></div>' + heads[i].innerHTML; 
} 

fiddle