javascript - 在 anchor 元素内更改div的类名称

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属性值。可能吗？

最佳答案

您可以在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');