HTML | DOM removeNamedItem() 方法(1)

📌 相关文章

📜 HTML | DOM removeNamedItem() 方法(1)

📅 最后修改于: 2023-12-03 15:01:12.121000 🧑 作者: Mango

HTML | DOM removeNamedItem() 方法

在 DOM（文档对象模型）中，removeNamedItem() 方法用于从指定名称的 NamedNodeMap（命名节点映射）对象中删除指定名称的节点。

语法

node.removeAttribute(name)

参数

name: 必需。要删除的属性名称。

返回值

无。

示例

<!DOCTYPE html>
<html>
    <head>
        <title>removeNamedItem() 方法示例</title>
    </head>
    <body>
        <div id="myDiv" title="我的 DIV">测试文本</div>
        <script>
            let myDiv = document.getElementById("myDiv");
            let attrs = myDiv.attributes;
            attrs.removeNamedItem("title");
            console.log("删除后的属性列表：", attrs);
        </script>
    </body>
</html>

在上面的示例中，我们首先通过 getElementById() 方法获取页面中的一个 div 元素对象。然后，我们通过获取该元素的 attributes 属性来获得该元素的 NamedNodeMap 对象。接下来，我们调用该对象的 removeNamedItem() 方法，并指定要删除的属性名称（"title"）。最后，我们在控制台中输出删除后的属性列表，以验证该方法是否能够成功删除目标属性。