Javascript 使用dojo动态导入样式表

Javascript 使用dojo动态导入样式表,javascript,css,dojo,stylesheet,Javascript,Css,Dojo,Stylesheet,从javascript导入css样式表的最佳(最优雅的:)方法是什么 也许dojo有一些类似于dojo.require的模块 谢谢您的帮助。您只需将元素添加到页面中即可。添加后,它将加载css var element = document.createElement('link'); element.href = 'someCssFile.css'; element.rel = 'stylesheet'; element.type = 'text/css'; document.bod

从javascript导入css样式表的最佳(最优雅的:)方法是什么

也许dojo有一些类似于dojo.require的模块


谢谢您的帮助。

您只需将
元素添加到页面中即可。添加后,它将加载css

 var element = document.createElement('link');
 element.href = 'someCssFile.css';
 element.rel = 'stylesheet';
 element.type = 'text/css';

 document.body.appendChild(element);

如果您喜欢,Dojo有一些DOM sugar:

dojo.create(“link”{href:'someCssFile.css',type:'text/css',rel:'stylesheet'},document.getElementsByTagName('head')[0])


很久以前,Dojo的加载器用于处理样式表,并自动为模块或小部件引入CSS(实际上是触发上述内容的抽象)。在加载样式表时,有各种各样的浏览器怪癖需要处理。事实证明,它存在很多性能问题,因此从Dojo 1.0开始,样式表直接加载到页面上。

不过,Oops很晚才发现这一点:

获取所有样式表:

require([ /* "dojo/something", */ "dojox/html/styles"],
    function( /* something, */ stylesheet ){
        console.log( stylesheet.getStyleSheets() );
    }
)
通过href或title标签获取特殊样式表:

require([ /* "dojo/something", */ "dojox/html/styles"],
    function( /* something, */ stylesheet ){
        console.log( stylesheet.getStyleSheets() );
    }
)
,请参阅getStyleSheet

您特别要求提供dojo,因此您可能还想了解更多关于dojox.html.styles的信息:

我会用头;):<代码>文档。getElementsByTagName('head')[0]。appendChild(元素)谢谢。还有更优雅的吗?:-)dojo.importStylesheet将是完美的heh