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))" : stylesheet 元素不存在。

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

// 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) {