如何仅在主页上使用 JavaScript 将类动态添加到“正文”？

Question

我将此添加到头部，但它不起作用：

<script>
var xpathname = (window.location.pathname);
if (xpathname ==('/')) {
$('body').addClass('home');
}
</script>

该网站在这里： http : //xotdr.unxpr.servertrust.com/

不幸的是，Volusion 不允许开发人员自由编码，因此我需要实施很多解决方法。

编辑：我希望该课程仅显示在主页body 。

Answer 1

由于您将此添加到head您需要在body标记可用时执行此代码段：

$(function() {
    var xpathname = window.location.pathname;
    if (xpathname == '/') {
        $('body').addClass('home');
    }
});

Answer 2

<script>
    var bodyclass=document.createAttribute("class");
    bodyclass.value="home";
    document.getElementsByTagName("body")[0].setAttributeNode(bodyclass);
</script>

Answer 3

试试这个

var b = document.getElementsByTagName('body')[0];
b.className += 'home';

Answer 4

我知道这是一个旧帖子，但这个问题仍然有用。

var xpathname = (window.location.pathname);
var ndeBody = document.getElementsByTagName("body")[0];
if (xpathname ==('/')) {
    ndeBody.classList.toggle("home");
}
else{
    ndeBody.classList.toggle("home");
}

Answer 5

当我转到该 URL 时，您有语法错误：

 Uncaught ReferenceError: x$ is not defined

例如，你要删除的x中的x$('body').addClass('home');