prepend在android浏览器中不起作用

时间:2017-11-25 12:23:28

标签: javascript android jquery prepend

我正在使用像这样的前置

$('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设备上我没有看到任何变化,你能帮助我吗?

1 个答案:

答案 0 :(得分:0)

这是你可以用香草做的一种方法。

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