javascript - 无法通过javascript将href和class添加到列表项

Question

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");};
}

当我通过 javascript 标记列表项时，它无法<a href="#"> </a>在 HTML 代码中识别。这样，它从我的 CSS 代码中的其他东西接收类。

如何通过 JS 向其添加 href 和 class？

谢谢！

标签： javascripthtml

Answer 1

是这样吗？只需添加a给定的标签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
}