Dojo - 在头部外添加外部样式表

Question

Dojo - 在头部外添加外部样式表

4

我希望在一个Ajax调用内指定外部样式表，您需要使用jQuery实现此目标（如下所示），但我需要将该方法适配到dojo JavaScript框架。

JQuery示例

$('head').append('<link rel="stylesheet" type="text/css" href="lightbox_stylesheet.css">');

谢谢。

- Lee

3个回答

1

尝试使用dojo.query

dojo.query("head").forEach(function(node, index, array){
// append content af final of head
node.innerHTML += '<link rel="stylesheet" type="text/css" href="lightbox_stylesheet.css">';});

- linkamp

3

dojo.query("head")[0].innerHTML += '<link rel="stylesheet" type="text/css" href="lightbox_stylesheet.css">';这段代码的意思是在网页的<head>标签中动态添加一个<link>标签，用于引入名为"lightbox_stylesheet.css"的CSS样式表。 - thirtydot

1

我想出了

经过一些尝试，我想出了以下方法：

function require_css(href)
{
   if (typeof href == 'undefined' || href.length == 0) return false;

   var link = dojo.create("link", 
   {
      type  : "text/css",
      rel   : "stylesheet",
      href  : href
   });

   dojo.doc.getElementsByTagName("head")[0].appendChild(link);
   console.log("loading : css : "+ href);
}

谢谢大家的意见，我更喜欢 thirtydot 的方法 :D..

- Lee

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- thirtydot · Accepted Answer

一旦您包含了dojo.NodeList-manipulate，它与jQuery几乎完全相同：

dojo.require("dojo.NodeList-manipulate");

dojo.ready(function(){
    dojo.query("head").append('<link rel="stylesheet" type="text/css" href="lightbox_stylesheet.css">');
});