Appending style sheet elements

delraydog · Dec 1, 2005

I'm writing a reusable JavaScript library which needs to set certain
styles in a document. The document may have an existing stylesheet
definition either by a link or by an existing stylesheet declaration in
the documents head section.

How can I use JavaScript to append my own style sheet information to a
possibly already existing stylesheet definition?

Thanks!

Cliff.

RobG · Dec 1, 2005

I'm writing a reusable JavaScript library which needs to set certain
styles in a document. The document may have an existing stylesheet
definition either by a link or by an existing stylesheet declaration in
the documents head section.

How can I use JavaScript to append my own style sheet information to a
possibly already existing stylesheet definition?

Try quirksmode:

<URL: http://www.quirksmode.org/dom/changess.html >

Neredbojias · Dec 2, 2005

With neither quill nor qualm, (e-mail address removed) quothed:

I'm writing a reusable JavaScript library which needs to set certain
styles in a document. The document may have an existing stylesheet
definition either by a link or by an existing stylesheet declaration in
the documents head section.

How can I use JavaScript to append my own style sheet information to a
possibly already existing stylesheet definition?

That's no problem. The latest style is the one honored. Add something
like the following to the <head> section:

<script type="text/javascript">

</script>

PS: This example is from one of my pages, has been checked and works.

Thomas 'PointedEars' Lahn · Dec 2, 2005

Neredbojias said:
With neither quill nor qualm, (e-mail address removed) quothed:

That's no problem. The latest style is the one honored.

That is not entirely true. It depends on the specificity of the selectors
used.

Add something like the following to the <head> section:

<script type="text/javascript">
<!--
document.write('<style type="text\/css">\n#ct1 { width:95.2%; text-
align:justify; }\n<\/style>\n');
document.close;

document.close() refers to a Function(-like) object. The Call Operator ()
is _not_ optional for it to be called. Therefore, the object reference is
only evaluated and nothing is called, preventing the harm it would do
otherwise.

//-->
</script>

PS: This example is from one of my pages, has been checked and works.

It probably breaks in NN4 due to the Run-Length bug. It breaks in a
conforming HTML UA due to nonsensical comment delimiter strings, and
it breaks in XHTML due to either comment delimiters (empty `script'
element), or markup delimiters like `<' in PCDATA, or document.write()
not supported there in recent UAs.

BTW: Not all / characters in script data have to be escaped, only
those in an HTML document that would form the ETAGO delimiter </

F'up2 cljs

PointedEars

Style sheet question	3	May 24, 2012
Help with code	0	Jun 12, 2022
Dynamic style sheet link.	2	Oct 30, 2007
Help with Visual Lightbox: Scripts	2	May 3, 2023
Unable to cache style sheet	3	Jul 6, 2008
activating alternative style sheet with php	12	Oct 17, 2003
Using JS to verify registration info?	1	Mar 19, 2020
Need help with code on website (noob)	2	Jul 18, 2022

Appending style sheet elements

delraydog

RobG

Neredbojias

Thomas 'PointedEars' Lahn

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads