HTML - DOMTokenList item() 方法

HTML DOMTokenList **item()** 方法返回参数中指定索引的 tokenlist 中的一个 token。

语法

domtokenlist.item(index);
// Or
domtokenlist[index];

参数

此参数接受单个参数，如下所示。

参数	描述
index	它表示您要访问的 tokenlist 中 token 的索引。索引从 0 开始。

返回值

它返回参数中指定索引处的 token。token 按其在文档中出现的顺序存储在列表中，如果索引超出范围，则返回 null。

HTML DOMTokenList 'item()' 方法示例

以下示例演示如何使用 item() 方法获取任何特定索引处的 token。

获取任何索引处的 Token

以下示例使用 **item(index)** 方法返回第一个索引处的 token。

<!DOCTYPE html>
<html lang="en">
<head>
    <title>
        HTML DOMTokenList item() Method
    </title>
    <style>
        .color {
            background-color: #04af2f;
            color: white;
        }
        .font {
            font-size: 40px;
        }
        .align {
            text-align: center;
        }
    </style>
</head>
<body>
    <p>Hii..</p>
    <p id="add" class="color font align">
        Welcome to Tutorials Point...
    </p>
    <button onclick="fun()">Click me</button>
    <p>Token at specified index is :</p>
    <p id="token"></p>
    <script>
        function fun() {
            let x = document.getElementById("add").classList.item(0);
            document.getElementById("token").innerHTML = x;
        }
    </script>
</body>
</html>

获取任何索引处的 Token 的替代方法

以下示例使用 **[index]** 方法返回第一个索引处的 token。

<!DOCTYPE html>
<html lang="en">
<head>
    <title>
        HTML DOMTokenList add() Method
    </title>
    <style>
        .color {
            background-color: #04af2f;
            color: white;
        }
        .font {
            font-size: 40px;
        }
        .align {
            text-align: center;
        }
    </style>
</head>
<body>
    <p id="add" class="color font align">
        Welcome to Tutorials Point...
    </p>
    <button onclick="fun()">Click me</button>
    <p>Token at specified index is :</p>
    <p id="token"></p>
    <script>
        function fun() {
            let x = document.getElementById("add").classList[0];
            document.getElementById("token").innerHTML = x;
        }
    </script>
</body>
</html>

支持的浏览器

方法
item()	是 8	是 12	是 3.6	是 5.1	是 12.1

html_domtokenlist_reference.htm

打印页面