在锚元素内更改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');