使用Javascript将类插入元素

Question

网址为http://csidb.com/web-online-marketing/creative-portfolio/

我已经做过一些关于如何使用jQuery将类插入元素的研究。我的元素（h1）目前没有类。我根据我的研究编写的代码是：

<script>
$( "h1" ).addClass( "otherclass" );
</script>

我也尝试过：

<script>
var d = document.getElementsByTagName("h1");
d.className = "otherclass";
</script>

我尝试用$(document).ready(function() { });

包装这些代码段

问题是它没有将该类添加到h1标签。我使用预先开发的WordPress主题，所以我不想触摸父主题（我有一个儿童主题）。我控制了标题。

我会把我的代码包含在一个小提琴中，但是有许多活动部分。我认为使用inspect元素或查看源代码可能更容易。如果这是不正确的，请告诉我，我会尝试做一个小提琴。

我不熟悉JS，所以我很难对此进行排查。

编辑：有没有办法在没有Javascript的情况下执行此操作？

谢谢！

Answer 1

我检查了你的代码。即使我在控制台中看到错误。您的代码添加类是正确的。但为此你必须首先添加一个jquery文件。

在代码上方添加此内容。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script>
$( "h1" ).addClass( "otherclass" );
</script>

您正在使用jquery，但尚未将其包含在代码中。这就是为什么在控制台中你得到这个错误“未定义不是一个功能”。基本上它指的是jquery选择器，即“$”。首先将此在线库添加到您的代码中，或者您也可以下载此库并将其保存在本地，然后将其添加为参考。

Answer 2

addClass方法不适用于旧版本的jquery。你可以宁愿使用

$("h1").attr("class", "otherclass");

关于纯JS代码，getElementsByTagName（）返回一个列表。因此，您需要访问它的第一个元素才能使其正常工作。

var d = document.getElementsByTagName("h1");
d[0].className = "otherclass";

编辑：稍后在jquery1.4中添加addClass（function）。我的错。你可能忘记了包含jquery。

Answer 3

这个怎么样？

$("h1").attr("class", "myClass");