I cant add url to js function

Question

<p>Click the button to add the "mystyle" class to DIV.</p>

<button onclick="myFunction()">Try it</button>

<p><strong>Note:</strong> The classList property is not supported in Internet Explorer 9 and earlier versions.</p>

<p id="myDIV">
I am a DIV element
</p>

<script>

link.href = 'http://resimli.yedek.deniz-tasarim.site/wp-content/themes/deneme.css';

function myFunction() {
  document.getElementById("myDIV").classList.add.link.href;
}

simple question.I want to change color to red after click button.css file is only 1 line

Oh, I think I see. You should add the class name, not the URL of the CSS file, to the div. `document.getElementById("myDIV").classList.add('mystyle')` — Daniel Beck, Nov 14 '20 at 18:52
oh, I updated css file.please check it again,I want to add class — Faruk rıza, Nov 14 '20 at 18:52
That's not how it works. The page needs a `` to pull in the css classes; you do not attach the link directly to the elements you want styled. — Daniel Beck, Nov 14 '20 at 18:55
@ParthoKR its not my answer.I need to access css file from url to change font color to red as an example — Faruk rıza, Nov 14 '20 at 19:03
Does this answer your question? [How to load up CSS files using Javascript?](https://stackoverflow.com/questions/574944/how-to-load-up-css-files-using-javascript) — Partho KR, Nov 14 '20 at 19:11

Daniel Beck · Answer 1 · 2020-11-14T19:40:21.243

That's not how classes or external stylesheets work. What you want to do is link the stylesheet to the page, which makes the classnames and css rules it contains available; then you attach the classname to the element you want styled.

To link the stylesheet that contains the '.mystyle' class definition, include a link to it in the head of your document:

<link rel="stylesheet" href="http://resimli.yedek.deniz-tasarim.site/wp-content/themes/deneme.css">

Then change your script to add the classname, not the url, to the element:

function myFunction() {
  document.getElementById("myDIV").classList.add('mystyle');
}

I cant add url to js function

1 Answers1