CODEWITHSUNDEEP
javascripthtml
André Luís
André Luís

Reputation: 141

Can't add href and class to list item through javascript

HTML:

<li id="video_button"><a href="#"></a></li>

JS:

if(ajax_status.responseText == "ready") {
  document.getElementById("video_button").innerHTML = "START";
  document.getElementById("video_button").onclick = function() {send_cmd("ca 1");};
  halted = 0;
}
else if(ajax_status.responseText == "video") {
  document.getElementById("video_button").innerHTML = "STOP";
  document.getElementById("video_button").onclick = function() {send_cmd("ca 0");};
}

As I tag the list item through javascript, it won't recognize <a href="#"> </a> on the HTML code. This way, it's receiving class from something else in my CSS code.

How do I add href and class to it through JS?

Thanks!

Upvotes: 1

Views: 88

Answers (2)

Oen44
Oen44

Reputation: 3206

Is that it? Just adding a tag with given href?

if(ajax_status.responseText == "ready") {
  document.getElementById("video_button").innerHTML = "<a href='start'>Start</a>";
  document.getElementById("video_button").onclick = function() {send_cmd("ca 1");};
  document.getElementById("video_button").classList.add("myClass"); // Add Class
  halted = 0;
}
else if(ajax_status.responseText == "video") {
  document.getElementById("video_button").innerHTML = "<a href='stop'>Stop</a>";
  document.getElementById("video_button").onclick = function() {send_cmd("ca 0");};
  document.getElementById("video_button").classList.remove("myClass"); // Remove Class
}

Upvotes: 1

Joss Classey
Joss Classey

Reputation: 1062

I recommend reading about Element.setAttribute().

Upvotes: 1

Related Questions