How to call external css id with JS?

Dev Shed Forums Sponsor:

November 5th, 2012, 01:28 AM

helpneeded22

Registered User

Join Date: Nov 2012

Posts: 5

Time spent in forums: 1 h 21 m 46 sec
Reputation Power: 0

How to call external css id with JS?

How do I reference an external .css id with JS?

My .css is called: pmstyles.css
My id I want to reference is: rarity-common

Any help would be appreciated. Thanks.

November 5th, 2012, 02:14 AM

Winters

Super Moderator

Join Date: Jul 2003

Posts: 3,874

Time spent in forums: 1 Month 2 Weeks 1 Day 17 h 23 m 53 sec
Reputation Power: 2569

Welcome to DevShed.

I'm not certain what you are asking exactly. You have a style sheet called "pmstyles.css" with a declaration of "#rarity-common".

If you want to dynamically insert the style sheet into the document, you can use something like this.

Javascript Code:

Original - Javascript Code
function importCSS() { var ss = document.createElement('link'); ss.type = 'text/css'; ss.rel = 'stylesheet'; ss.media = 'screen'; ss.href = 'pmstyles.css'; document.head.appendChild(ss); }

function importCSS() {
    var ss = document.createElement('link');
    ss.type = 'text/css';
    ss.rel = 'stylesheet';
    ss.media = 'screen';
    ss.href = 'pmstyles.css';
    
    document.head.appendChild(ss);
}

November 5th, 2012, 07:54 PM

helpneeded22

Registered User

Join Date: Nov 2012

Posts: 5

Time spent in forums: 1 h 21 m 46 sec
Reputation Power: 0

Sorry for the unclear explanation. I am brand new to CSS and Javascript.

Basically I want to change the following text formatting HTML code from HTML to Javascript using CSS to define the font formatting.

Code:

                  
<p align="center">
<font color="#ffffff" size=2 face=Tahoma><b>
<script type="text/javascript">
document.write(mini01[0])
</script>	
</b></font>

I have defined all these elements under the pmstyles.css file under the id: #rarity-common

I have also included at the top of my html doc:
<link rel="stylesheet" type="text/css" href="pmstyles.css">

What is the best way to do this... or is the code you provided the best way to do it?

Thanks.

November 6th, 2012, 02:22 AM

Winters

Super Moderator

Join Date: Jul 2003

Posts: 3,874

Time spent in forums: 1 Month 2 Weeks 1 Day 17 h 23 m 53 sec
Reputation Power: 2569

No, the script I posted is not relevant.

CSS Code:

Original - CSS Code
p#rarity-common { text-align: center; color: #ffffff; font-family: Tahoma, sans-serif; font-size: 0.82em; font-weight: bold; }

p#rarity-common {
    text-align: center;
    color: #ffffff;
    font-family: Tahoma, sans-serif;
    font-size: 0.82em;
    font-weight: bold;
}

HTML4Strict Code:

Original - HTML4Strict Code
<p id="rarity-common"> <script type="text/javascript"> document.write(mini01[0]); </script> </p>

<p id="rarity-common">
    <script type="text/javascript">
        document.write(mini01[0]);
    </script>
</p>

Last edited by Winters : November 6th, 2012 at 02:36 AM. Reason: typo

How to call external css id with JS?

Developer Shed Advertisers and Affiliates