使用 php 或 Javascript 将 div 类替换为另一个类答案

【问题标题】：Replace div class to another class using php or Javascript使用 php 或 Javascript 将 div 类替换为另一个类
【发布时间】：2023-01-20 01:11:44
【问题描述】：

我想替换 div 中的类这个

<div class="producttitle"></div>

对此 <div class="producttitle h3"></div>

const div = document.querySelector('producttitle');
div.classList.replace('producttitle','producttitle h3');

console.log(document.querySelector('producttitle').classList.value);
// Expected output: multi-class header first title
document.querySelector('producttitle').classList.replace('producttitle', 'producttitle h3')
console.log(document.querySelector('producttitle').classList.value);
// Expected output: multi-class header first bundle

我尝试了上面的两个，但它不起作用，请纠正我在这里做错了什么。

【问题讨论】：

你不能只添加类 h3 而不是替换吗？因为您并没有真正替换任何东西，所以您只是在现有课程中添加一个新课程
it's not working；为何如此？控制台有错误吗？我认为 ...classList.value 无效。我只会使用...classList.add("h3")

标签： javascript php html wordpress

【解决方案1】：

通过 id 获取元素，然后使用 div.classList.add("h3"); 添加您需要的类

const div = document.getElementById('producttitle');
div.classList.add("h3");
console.log(div.className);

&lt;div class="producttitle" id="producttitle"&gt;&lt;/div&gt;

【讨论】：

在 OP 的代码中，div 没有 Id。所以 getElementById 将不起作用
@ControlAltDel 你知道，就像他在问我们如何修复他的代码并帮助他改变他所拥有的一样。他可以在他的 div 中添加一个 id 吗？