Comments on: Who’s Got Style?

By: Dynamically loading CSS in Safari and Google Chrome « Banshee Technologies

Dynamically loading CSS in Safari and Google Chrome « Banshee Technologies — Thu, 03 Jun 2010 23:20:48 +0000

[...] Nicholas Zakas explains this in great and excellent detail: http://yuiblog.com/blog/2007/06/07/style/ [...]

By: Mark

Mark — Mon, 16 Mar 2009 12:04:32 +0000

Thanks for the solution and clear explanation, it works perfect for me!

By: required

required — Sat, 14 Mar 2009 16:12:40 +0000

“var styleElement = document.createElement”
“A warning: IE only allows writing to styleSheet.cssText one time per element.”

Does it not slow down the browser that new style elements consisting of only one style element are being made? Is it like a whole new stylesheet for each little bit of css code?
-thanks

By: Simon N

Simon N — Fri, 06 Mar 2009 12:10:18 +0000

Outstanding! Been struggling with this IE “feature” for hours – now works perfectly. Thanks

By: jim g

jim g — Fri, 17 Oct 2008 01:10:31 +0000

So here’s another thing to consider: the above discussion centers on dynamically adding CSS rules to a STYLE tag…what happens if you hit an “@import” rule in the CSS?

By: Shlomi Rosenzweig

Shlomi Rosenzweig — Mon, 02 Jun 2008 17:37:05 +0000

You can also add style sheets using a similar function:

function addCssFile(css) {
var styleElement = document.createElement(“link”);
styleElement.type = “text/css”;
styleElement.rel=”stylesheet”;
styleElement.href = css;
document.getElementsByTagName(“head”)[0].appendChild(styleElement);
}

By: .wpal » Blog Archives » Кто получил стиль?

.wpal » Blog Archives » Кто получил стиль? — Wed, 04 Jul 2007 08:02:19 +0000

[...] Who’s Got Style? Posted in перевод, wtf, javascript, программирование | Trackback | [...]

By: Añadir CSS dinámicamente en tu web « Jery Rojas - Diseñador Web

Añadir CSS dinámicamente en tu web « Jery Rojas - Diseñador Web — Thu, 14 Jun 2007 05:36:08 +0000

[...] CSS dinámicamente en tu web En el Yahoo! User Interface Blog, hace unos días, publicaron un interesante artículo sobre como, con DOM, añadir CSS [...]

By: Jesse Skinner

Jesse Skinner — Tue, 12 Jun 2007 10:37:15 +0000

Regarding why you might want to add style blocks using JavaScript: I’ve worked on a web site builder that allowed users to dynamically change the look of links on the page (and other things), so we needed to be able to throw a style block on the page containing:

a { color: #F82156; text-decoration: none }
a:visited { color: #752007; }
a:hover { text-decoration: underline }

For this and similar situations, adding script blocks is a great solution.

By: Intenta » Blog Archive » Añadir CSS dinámicamente en tu web

Intenta » Blog Archive » Añadir CSS dinámicamente en tu web — Mon, 11 Jun 2007 09:27:36 +0000

[...] el Yahoo! User Interface Blog, hace unos días, publicaron un interesante artículo sobre como, con DOM, [...]