如何通过PHP手动将类添加到html标记中

Question

我想添加类"下拉切换"；进入CCD_ 1这个标签，但由于之前没有类；str_replate"；工作不完美。

我想使用php只为这个标签添加类——还有<a>标签，但我不想为所有标签添加相同的类。我希望你能理解。查看我的代码：

<li id="menu-item-97" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-97">

<a href="#">Additional</a> ***I want to add class for only this "<a>" tag not others tag***
**after adding the class the tag will be "< a class="dropdown-toggle" href="#">Additional< /a>"***

<ul class="sub-menu">
<li id="menu-item-69" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-69">
<a href="http://localhost/wp-web/simpleshop/checkout/">One</a>
</li>
<li id="menu-item-68" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-68">
<a href="http://localhost/wp-web/simpleshop/cart/">Two</a>
</li>
<li id="menu-item-70" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-70">
<a href="http://localhost/wp-web/simpleshop/my-account/">Three</a>
</li>
</ul>
</li>

Answer 1

我更喜欢使用javascript来添加类，而不是php，因为它更方便，可以在各种类型的扩展文件中使用。

这是的答案

<li id="menu-item-97" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-97">
<a href="#" onclick="myFunction()">Additional</a> ***I want to add class for only this "<a>" tag not others tag***
**after adding the class the tag will be "< a class="dropdown-toggle" href="#">Additional< /a>"***
<ul class="sub-menu">
<li id="menu-item-69" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-69">
<a href="http://localhost/wp-web/simpleshop/checkout/">One</a>
</li>
<li id="menu-item-68" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-68">
<a href="http://localhost/wp-web/simpleshop/cart/">Two</a>
</li>
<li id="menu-item-70" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-70">
<a href="http://localhost/wp-web/simpleshop/my-account/">Three</a>
</li>
</ul>
</li>
<script>
function myFunction() {        
var element = 
document.getElementById("myDIV");            
element.classList.add("mystyle");

}
</script>