使用 rel= 将 LINK 元素附加到 DOM 时出现静默错误 "stylesheet/something"

Question

我正试图用js 附加一个less样式表

有了这个代码：

let elem = document.createElement("link");
elem.setAttribute('href', "foo.less");
elem.setAttribute('rel', 'stylesheet/less');
document.getElementsByTagName("head")[0].append(elem);
elem.onload = function() {
console.log("HEY")
}

没有请求，当然也没有错误(我喜欢调试(

但是，如果我们将"stylesheet/less"替换为"stylesheet"，我会工作(至少它会给我一个错误(

根据该页面，它只是一组参数，而不是像类型(媒体类型(那样解析https://www.w3schools.com/tags/att_link_rel.asp

那么，什么？只是html解析链接，找到一个无效的rel并忽略它？这对调试不是很好

(顺便说一句，对于我的问题，我只是在添加到dom后更改了rel属性，它很难看，但这很有效(

Answer 1

您无法链接less文件，因为没有浏览器支持less。请改用CSS。