javascript - 如何交换 CSS - 无法获取元素样式表 [object HTMLLinkElement]

Question

我有一个 JS 函数，它应该获取用于 CSS 交换的样式表元素。在 IPHONE 或桌面版 Chrome 和 Safari 上运行页面时，我能够成功交换 css。

我的问题是在 Android 浏览器上

if (a.getAttribute("rel").indexOf("style") != -1) {

从我的代码中返回 FALSE。

好像是在

Android Web 浏览器 a.getAttribute("rel))": 样式表 元素不存在。

知道为什么会出现这种行为以及如何解决吗？

// Swap CSS
changeStyle: function(state) {       
    var i, a, url, i = 0;
    for (i; (a = document.getElementsByTagName("link")[i]); i++) {
        if (a.getAttribute("rel").indexOf("style") != -1) {
            url = a.href;
            if (state == 'accessible') {
                a.href = 'resources/css/app-accesibility.css';;
            }
            else if (state == 'normal') {
                a.href = 'resources/css/app.css';
            }
        }

    }

}

Answer 1

可能是通过插件或其他方式将其他链接元素添加到 android 的头部。在访问它之前确保 rel 属性存在:

if (a.getAttribute("rel") && a.getAttribute("rel").indexOf("style") != -1) {