js 利用className得到对象的实现代码

要使用 JavaScript 利用 className 得到对象，可以使用以下步骤：

1. 获取对象：可以使用 document 对象中的 getElementById 或 getElementsByTagName 方法来捕捉需要获取的对象。如下所示：

var obj = document.getElementById('myId');
var objList = document.getElementsByTagName('h1');

1. 获取对象的 className：通过读取 className 属性，可以获取对象的 class 名称。如下所示：

var className = obj.className;

1. 操作 className：可以使用 className 属性来更改对象的类名。如下所示：

obj.className = 'newClass';

1. 判断对象是否包含某个 className：可以使用 indexOf 方法来判断一个类名是否在一个对象的类名列表中。如果该方法返回 -1，则表示该类名不包含在对象的类名列表中。如下所示：

if( obj.className.indexOf('myClass') > -1 ){
    //do something
}

下面是两个示例：

1. 示例一：获取列表中所有带有 featured 类的项

<ul>
    <li class="item">List item 1</li>
    <li class="item featured">List item 2</li>
    <li class="item">List item 3</li>
    <li class="item featured">List item 4</li>
</ul>

var items = document.getElementsByTagName('li');
var featuredItems = [];

for(var i = 0; i < items.length; i++){
    if(items[i].className.indexOf('featured') > -1){
        featuredItems.push(items[i]);
    }
}

1. 示例二：更改按钮的类名

<button id="myButton" class="btn btn-danger">Click me</button>

var button = document.getElementById('myButton');
button.className = 'btn btn-success';