如何在Wordpress上通过JavaScript(不是jQuery）删除类

How to remove a class via JavaScript (NOT jQuery) at Wordpress

本文关键字：不是 jQuery 删除 JavaScript Wordpress      更新时间：2023-09-26

我需要你的帮助来解决我的WordPress网页的问题。我的WordPress页面是一个单页应用程序，有3个不同的内容框。左侧和中间的框是静态的，右侧的框通过单击其他框的链接来更改其内容。我决定将所有内容加载到右侧框中，并使用CSS命令可见性显示它们。使用 pathJS 和 JS 的组合，我希望通过单击链接来更改 URL。到目前为止一切顺利 - 一切正常，但我没有通过我的 JS-Function 进行管理以删除显示的类。

我的脚本如下所示：

<script>
           function showDetailContent(showid) {
                //suche objekt right_id -> was du zeigen willst -> getelementbyid
    alert("1");            
    var id = document.getElementsByClassName('shown');
                alert("2");
                id.classList.remove('shown');
                alert("3");
                document.getElementByID("right_" + showid).classList.add('shown');
                alert("4");
           }
//var c = document.getElementById('content'); -->do the function :)
           Path.map("#/?p=<?php the_id();?>").to(function () {   
                showDetailContent(<?php the_id();?>);
           });
           Path.listen();
       </script>

警报只是我的"调试"方式。我认为这不是最好的调试方法，但我在 prorgamming 领域非常陌生，这很容易。但是，如果我激活链接，则会显示前两个警报。所以（第一个）错误就上线了

id.classList.remove('shown');

通常，右侧框是隐藏的，因此只加载一个内容。你明白我的问题吗？我将不胜感激快速的帮助！问候，雅尼克！:)

看看这个：http://snipplr.com/view/3561/知道删除类纯JavaScript

getElementsByClassName获取多个元素，请尝试：

var id = document.getElementsByClassName('shown')[0];

或者，如果要从显示类的所有元素中删除类，请遍历它们;

相关文章：