如何获取标签class的方法

项目中在自己做的一个复选框事件中，没有使用传统的方式，根据选择与取消更改样式来切换，那么中间用到了使用选中后的样式来判断是否选中与取消选中事件，其中有几种获取class的方法，与大家共勉：

<!-- 当选中状态时，class加了product-xz，如果没有选中，则没有product-xz -->
<div class="product-box">
	<div class="product-ckb"><em onclick="checkClick(this);" class="product-em product-xz">1</em></div>
</div>
<div class="product-box">
	<div class="product-ckb"><em onclick="checkClick(this);" class="product-em product-xz">2</em></div>
</div>

js方法如下：

 //复选框选择事件
 checkClick = function (src) {
     //第一种
     var className = src.getAttribute('class');
     //第二种
     className  = src.className;
     //第三种 用classList这个H5 API，有兼容性问题
     var hasClassName = src.classList.contains('product-xz');
     if (hasClassName) {
     	console.log('包含');
     }
 }