在錨元素內更改div的類名稱

Question

 function onClickEv(child){ //change the class from div_className to div_newClass console.log(child); } 

 <a href="page url" id="a_idName" target="_blank" onclick="onClickEv(this)" class="a_className"> <div class="div_className">text here</div> </a> 

如何在外部javascript中的onclick事件"onClickEv"中更改錨元素內div的class屬性值。 可能嗎？

Answer 1

為您的Div元素分配一個ID並使用下面的代碼來實現：

var element = document.getElementById("div-id");
if (element !== null) {
  if (element.className == "div_className") {
    element.className = "div_newClassName";
  } else {
    // add this else only in case you want to toggle the class
    element.className = "div_className";
  }
}

Answer 2

您可以在javascript中更改類名，如下面的代碼片段所示。

 function onClickEv(child){ //change the class from div_className to div_newClass child.getElementsByTagName("div")[0].className = "div_newClassName"; console.log(document.getElementById("a_idName").innerHTML); } 

 <a href="page url" id="a_idName" target="_blank" onclick="onClickEv(this)" class="a_className"> <div class="div_className">text here</div> </a> 

要么

您可以使用JQuery addClass ， removeClass函數來實現。

替換onClickEv函數中的以下行，並在html標頭中添加jQuery庫。

$("#a_idName div").removeClass('div_className').addClass('div_newClassName');