Question

我知道这是非常基本的，但是我如何获取我页面的body标签上的类名并将它们记录到控制台？我有以下内容：

if (navigator.userAgent.indexOf('OS 4') != -1) $("body").addClass('iOS4');
console.log($(body).attr(class).text());

这是否会向控制台注销我的body标签是否具有'ios4'类？

Answer 1

$('body').attr('class').split(' ')

然后你应该能够遍历它们

您也可以使用.hasClass进行检查。

http://api.jquery.com/hasClass/

Answer 2

console.log($("body").attr("class"));

是的，无论你的身体是否有'ios4'等级，它都会有效。

Answer 3

上述帖子肯定会奏效。如果您无法访问jQuery，请使用className，如果您没有它可用。

console.log(document.body.className);

这应该有效，不需要jQuery。

Answer 4

。很简单，当不使用JQuery时，你可以用： 此版本也适用于所有浏览器（包括：IE6 +，FireFox：3 +，Safari：1.3 +，Opera：9+）：） 。

//This will give a String containing all classes 
var classes = document.getElementsByTagName("body")[0].className;

//This will give a list(Array) of class Names
var classes = document.getElementsByTagName("body")[0].className.split(' ');

。

您可以将“body”替换为任何感兴趣的TAG ：）

注意： document.getElementsByTagName（“”）返回一个数组，因为我们知道页面中只有一个BODY标记，因此我们采用了数组的第一个元素，iedocument.getElementsByTagName（“”）[0]

希望有所帮助。
关心Kushal

Answer 5

在任何一个方面都不需要jQuery：

var classes = document.body.className;
var classList = classes.split(" ");

如何输出body标签上的类

5 个答案: