js原生对象，可以通过 .classList 取得所有的类名
该 classList 返回一个对象，包含了各个类名的数组。
实例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JavaScript获取一个元素所有的类</title>
</head>
<body>
<p id="p1" class="p1 p2 p3">hello world</p>
<p id="display"></p>
<script>
var p=document.getElementById('p1');
let classList = p.classList;
let html = [];
for(let i=0; i<classList.length; i++){
html.push(classList[i]);
}
html = html.join(",");
document.getElementById("display").innerHTML = html;
</script>
</body>
</html>其他：
是否包含某个类：classList.contains(类名)
添加一个类：classList.add(类名)
切换类名（有的去掉，没有的添加）：classList.toggle(类名)
删除一个类：classList.remove(类名)
本篇完，还有疑问？留下评论吧