📌  相关文章
📜  HTML | DOM renameNode() 方法(1)

📅  最后修改于: 2023-12-03 14:41:48.608000             🧑  作者: Mango

HTML | DOM renameNode() 方法

renameNode() 方法用于修改节点的名称。

语法
node.renameNode(qualifiedName, namespaceURI)
参数
  • qualifiedName：必需。表示将节点修改为的新的完全限定名称（节点类型和名称），如 "newName" 或 "prefix:newName"。
  • namespaceURI：可选。表示将节点修改为的新的命名空间 URI。
返回值

renameNode() 方法没有返回值。

示例

下面是一个示例代码，将一个元素节点的名称修改为 "newName"。

<!DOCTYPE html>
<html>
<head>
	<title>HTML | DOM renameNode() 方法</title>
</head>
<body>
	<p id="demo">这是一个段落。</p>
	<script>
		var node = document.getElementById("demo");
		var renamedNode = node.ownerDocument.renameNode(node, null, "newName");
	</script>
</body>
</html>

在上面示例代码中，我们通过 getElementById() 方法获取了一个元素节点，并使用 ownerDocument 和 renameNode() 方法将其名称修改为 "newName"。

浏览器支持

renameNode() 方法在主流浏览器中得到支持，包括：

  • Chrome
  • Firefox
  • IE
  • Safari
  • Opera
注意事项
  • renameNode() 方法只能用于修改节点的名称，而不能用于修改节点的属性值或文本内容。
  • 如果修改之后的节点名称与其父节点的任何子节点的名称重复，则可能会出现错误。