Question

我有以下HTML：

<html class="black abc"> or 
<html class="red def"> or
<html class="red this is a test">
etc ...

使用以下功能，我可以获得该值第一堂课：

var color = html.className.split(' ')[0]

如何将第一堂课更改为其他课程。例如，我怎么能改变：

<html class="black abc">

to

<html class="red abc">

Answer 1

var tags = document.getElementsByTagName('html')[0].className.split(' '); //Get a list of tags.
tags[0] = 'foo'; //Change the 0th tag
html.className = document.getElementsByTagName('html')[0].join(' '); //Put the tag list into the html

Answer 2

你走了：

var tags = document.getElementsByTagName('html')[0];
var classList = tags.className.split(' '); //Converting class string to an array
classList[0] = 'red'; // Changing the first class
tags.className = classList.join(' '); // Adding updated class list

Answer 3

我认为你正在寻找这个（只需要更改任何html元素的class属性）

您也可以使用JQuery执行此操作，

$("ID_OF_YOUR_ELEMENT").removeClass('PREVIOUS_CLASS').addClass('NEW_CLASS');

还有其他可用的选项，JQuery支持.toggleClass

Answer 4

使用classList

删除课程

var elem = document.getElementsByTagName('html')[0].classList.remove("black");

添加课程

var elem = document.getElementsByTagName('html')[0].classList.add("red");

Answer 5

在<head>的{{1}} - 部分：

中定义如下函数

<script>

因此，为了您的特定目的，请将该功能称为：

function class_replace_with(new_classname)
{
    var color1=html.className.split(' ')[0];
    html.className=html.className.substring(0, html.className.indexOf(' ')) + new_classname + html.className.substring(html.className.indexOf(' '));
}

如何更改我的第一个班级名称并保留其他班级？

5 个答案: