There is a way to style the HTML tag itself.
They have this at
http://jsfiddle.net/aEHdw/
Remove the 3 lines in the html element
Put any color inside the single quotes below and run it…
document.html.style.background = ”;
…and it works.
Now, when I use this code in my own html page, it doesn’t work. But it works on fiddle
(How did I get this to work in my own page?)
Another way is to attach a CSS to the element to a JavaScript and use:
function swapStyleSheet(sheet) onclick=".getElementById('pagestyle').setAttribute('href',sheet)">
The latter works; but I would have to add a different CSS for each color.
The thing is about styling the HTML tag, is it creates a border; I saw this on another site; and the page looks so freaking cool!
What else can be done to do this? I’d like to save space by not attaching a separate page for every element. I’m looking at something to do with onclick.
I have used inline JS for my other options (
page color used:
onclick="document.body.style.backgroundColor='*'"
, font color used
onclick="document.body.style.color='*'"
, and font size used:
onclick="document.body.style.fontSize='*'"
) and each has worked.
