Add class to html element using javascript

Question

I have the following script:

<script>
  document.getElementById('myId').classList.add('myClass');
</script>

How to alter it and add myClass into #myId a element? I have single anchor element there:

<div id="myId">
    <a href="#" title="link">Add class to me</a>
</div>

Answer 1

According to your question, you want to target the anchor tag and set the class there, so:

var parent = document.getElementById('one');
var anchor = parent.getElementsByTagName("A")[0];
anchor.classList.add('myClass');

That should do it.

If you have multiple anchor tags you can loop through them.

var parent = document.getElementById('one');
var anchorList = parent.getElementsByTagName("A");

for(i = 0; i < anchorList.length; i++) {
    anchorList[i].classList.add('myClass');
}

Answer 2

to add class name you use

document.getElementById('myId').className="Your class name";