将类添加到html根目录

Add class to html root

本文关键字：html 根目录 添加      更新时间：2024-05-23

当按下按钮时，我想在页面顶部的根html标记中添加一个类。我遇到的唯一代码是将类添加到带有id的div元素中。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html class="THIS IS WHERE I WANT THE CLASS TO BE ADDED" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>

开始演示

我试过修改这个代码，但没有任何效果；

<script type="text/javascript">
    $("#addClass").click(function () {
      $('para1').addClass('presentation-started');
    });
    $("#removeClass").click(function () {
      $('#para1').removeClass('highlight');
    });
</script>

如果我理解正确，您可以使用：

$('html').addClass("someclass")

添加类和

$('html').removeClass("someclass")

删除它。

如果你有一个带有id="mybutton"的按钮，那么你会这样使用：

$('#mybutton').click(function(){
    $('html').addClass("someclass")
});

如果您的代码没有跟随页面上的按钮元素，您还需要将jQuery包装在DOM就绪处理程序中（否则click处理程序将永远不会连接）：

$(function(){
    $('#mybutton').click(function(){
        $('html').addClass("someclass")
    });
});

这只是$(document).ready(function(){...}): 的一个方便快捷的版本

使用新示例更新

因此，使用您现有的示例，它将是：

<script type="text/javascript">
    $(function(){
        $("#addClass").click(function () {
            $('html').addClass('presentation-started');
        });
        $("#removeClass").click(function () {
            $('html').removeClass('highlight');
        });
    });
</script>
相关文章：