如何使用 Javascript 将类添加到 div 的内部 HTML？答案

【问题标题】：How do I add a class to inner HTML of a div using Javascript?如何使用 Javascript 将类添加到 div 的内部 HTML？
【发布时间】：2013-03-26 20:09:07
【问题描述】：

我正在尝试解决一个看似不可能的 Wordpress 自定义问题。这是<?php the_category();?> 打印出来的内容：

<ul class="post-categories" >
 <li>
  <a rel="category-tag" title="..." href="...">Category One</a>
 </li>
 <li>
  etc.
 </li>
</ul>

我需要在所有<a> 中添加/插入一个类，使其看起来像这样：

<ul class="post-categories" >
 <li>
  <a class="btn" rel="category-tag" title="..." href="...">Category One</a>
 </li>
 <li>
  etc.
 </li>
</ul>

到目前为止，我只找到了将其他类分配给具有现有 ID 或类的元素的方法。提前感谢您的帮助！

【问题讨论】：

这似乎并非不可能。到目前为止，您尝试过什么？
嗯 - 我的意思是不使用 js 是不可能的......它们使更改某些模板变得非常困难。

标签： javascript jquery wordpress innerhtml addclass

【解决方案1】：

使用 jQuery：

$(".post-categories a").addClass("btn");

【讨论】：

非常感谢！在 W3 教程崩溃后正要回答我自己的问题。我不敢相信我在谷歌搜索中没有遇到过这样的更长的字符串。太简单了对不起，愚蠢...

【解决方案2】：

因为标题说使用 JavaScript

试试这个 JavaScript 解决方案：

var links = document.getElementsByTagName("a");

for (var i = 0; i < links.length; i++)
{
    if (links[i].parentNode.className == "post-categories")
    {
        links[i].className = "btn";
    }
}

或者，如果您对孩子不满意并且可以使用 jQuery，您可以这样做：

$(".post-categories > a").addClass("btn");

【讨论】：

它会将.btn添加到所有链接中。
他已经说明他正在使用jquery或者至少使用jquery标签，所以你不需要面对jquery用户！ ^^
@Kevkong 我选择了问题标题，但给了 OP 两个选项：P

【解决方案3】：

使用 jquery

$(function() {
$(".post-categories a").addClass("btn");
})

【讨论】：