如果设备上存在键盘，则加载不同的样式表（javascript检测）

Question

我正在尝试加载不同的CSS布局，以防设备上有物理键盘（q10.css）。如果没有键盘，则使用默认键盘（normalCss）。由于某种原因，未加载样式表：

<script>
    var normalCss = document.createElement("<link rel=\"stylesheet\" href=\"css/main.css\" />");
    var q10Css = document.createElement("<link rel=\"stylesheet\" href=\"css/q10.css\" />");

    if (window.navigator.userAgent.indexOf("Kbd") != -1) {
        document.getElementsByTagName("head")[0].appendChild(q10Css);
            }
    else {
        document.getElementsByTagName("head")[0].appendChild(normalCss);
            }
</script>

*非常感谢任何帮助:)谢谢！

Answer 1

这不是你创建元素的方式，你必须这样做：

var normalCss = document.createElement('link');
normalCss.href = 'css/main.css';
normalCss.setAttribute('rel', 'stylesheet');

Answer 2

正如您所看到的，here createElement仅解析tagName而不解析文本。