HTML - DOM 属性 isId 属性

HTML DOM 属性 isId 属性用于确定 HTML 属性是否为“id”属性。isId 属性在实现 Attr 接口的对象上可用。

在 HTML 上下文中，id 用于在 HTML 文档中唯一标识元素，从而允许进行目标样式、脚本和链接。

isId 属性已弃用，现代浏览器不再支持。如果您尝试访问此属性，浏览器将返回“undefined”值。或者，您可以使用 HTML DOM 属性名称属性 获取属性的名称并检查它是否为“id”

语法

attribute.isId

返回值

它返回布尔值。如果存在“id”属性，则返回 true，否则返回 false。如上所述，在现代浏览器中，它将返回“undefined”。

HTML isId DOM 属性示例

以下是一些示例代码，说明如何在 HTML 和 JavaScript 中使用 isId 属性。

检查 ID 属性是否存在

这是一个检查 div 标签上是否存在 id 属性的示例代码。element.attributes 访问 DOM 元素的 attributes 属性，该属性是注册到该元素的所有属性节点的集合（NamedNodeMap）。而 element.attributes[0] 访问元素的属性集合中的第一个属性节点。

<!DOCTYPE html>
<html>

<head>
    <title>HTML DOM Attribute isId Property</title>
</head>

<body>
    <h3>HTML DOM Attribute isId Property</h3>
    <p>The attribute of Div element: </p>
    <div id="demo"></div>
    <script>
        const ele = document.getElementById("demo");

        // This will select 1st attribute of 'ele' element
        const answer = ele.attributes[0].isId;
        // Pass the name to inside of div tag
        element.innerHTML = answer;
    </script>
    <p>
        The isId property is deprecated, You can't 
        see the value returned by isId property.
    </p>
</body>

</html>

isId 属性的替代方法

HTML DOM 属性“name”可以用作“isId”属性的替代方法。这将返回所提到的标签的属性名称。以下代码显示了如何在 HTML 和 JavaScript 中使用此属性。

<!DOCTYPE html>
<html>

<head>
    <title>HTML DOM Attribute isId Property</title>
</head>

<body>
    <h3>HTML DOM Attribute isId Property</h3>
    <p>
        The name property of DOM returns 
        the name of an attribute
    </p>
    <div id="demo"></div>
    <script>
        const element = document.getElementById("demo");

        //This will select name of first attribute of div
        let aName = element.attributes[0].name;
        //Pass the name to inside of div tag
        document.getElementById("demo").innerHTML = aName;
    </script>
</body>

</html>

支持的浏览器

属性
isId	否	否	否	否	否

打印页面