是否可以在 wordpress 中动态地将一个类附加到现有的 div 中？

Posted 2023-04-13

【中文标题】是否可以在 wordpress 中动态地将一个类附加到现有的 div 中？

【英文标题】：Is it possible to append a class to existing div dynamically in wordpress?

【发布时间】：2017-08-05 18:54:47

【问题描述】：

我正在使用 Wordpress 主题 Avada，我想将一个类附加到分页 <div>。目前是这样的：

<div class="pagination clearfix"> 我希望能够像这样动态地向这个 div 添加一个类：<div class="wp-pagenavi pagination clearfix">

有没有办法做到这一点？我已经搜索了主题，但找不到 <div> 的位置，所以这就是希望以某种方式动态更改它的原因。我希望这是有道理的。 感谢您提前提供任何帮助，

彼得

【问题讨论】：

How do I add a class to a given element?的可能重复

【参考方案1】：

您可以使用 javascript、关于 wordpress 的 idk 以及如果您可以访问代码，但使用 javascript 您可以执行以下操作：

document.addEventListener('DOMContentLoaded',function()
document.querySelector('.pagination').classList.add('wp-pagenavi');
console.log(document.querySelector('div'));
);

<div class="pagination clearfix">

DOMContentLoaded

DOMContentLoaded 等到 Dom 准备好并执行 srcipt 之后

【讨论】：

嗨，我看到这个脚本在这里运行得很好。但是在我的控制台页面上，它给了我这个错误： Uncaught TypeError: Cannot read property 'classList' of null

你还有其他 div 或相同类的元素吗？

没有。我查看源页面时是这样的：没有其他人

我已经编辑了代码，再试一次，如果不行，我还有第三个选项

不行。这一行同样的错误：document.querySelector('.pagination').classList.add('wp-pagenavi');