前置在 android 浏览器中不起作用答案

【问题标题】：prepend doesn't work in android browser前置在 android 浏览器中不起作用
【发布时间】：2017-11-25 12:23:28
【问题描述】：

我正在使用这样的前置

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

它适用于所有桌面浏览器。它适用于所有使用 ios、Iphone 5、6、7、8 的移动浏览器但是在一些安卓设备上我没有看到任何变化，你能帮帮我吗？

【问题讨论】：

尝试更改 jQuery 版本，或者使用 vanilla JS..
在导致问题之前，您的代码中可能还有其他内容。是否抛出任何错误？
我在控制台中没有看到错误
如何在 vanilla JS 上编写这段代码？请帮忙
你用的是什么浏览器，什么版本？根据他们的网站，他们支持 android 4+ 股票浏览器：jquery.com/browser-support 如果您的浏览器太旧，请尝试使用 jQuery 1.9 如果您的 jQuery 太旧，请尝试更新的 jQuery 版本。

标签： javascript android jquery prepend

【解决方案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

【讨论】：