小码哥的IT人生

XML DOM localName 属性

XML基础 2023-08-13 13:29:53小码哥的IT人生shichen

XML DOM localName 属性

定义和用法

localName 属性返回被选元素的本地名称(元素名称)。

如果选定的节点不是元素或属性,则该属性返回 NULL。

语法:

elementNode.localName

实例

在所有的例子中,我们将使用 XML 文件 books.xml,以及 JavaScript 函数 loadXMLDoc()

例子 1

下面的代码片段从 "books.xml" 中的第一个 <book> 元素获取本地名称:

xmlDoc=loadXMLDoc("books.xml");
x=xmlDoc.getElementsByTagName("book")[0];
document.write(x.localName);

以上代码的输出:

book

例子 2

下面的代码片段从 "books.xml" 中的最后一个 <book> 元素获取本地名称:

//check if the last node is an element node
function get_lastchild(n)
{
var x=n.lastChild;
while (x.nodeType!=1)
  {
  x=x.previousSibling;
  }
return x;
}
xmlDoc=loadXMLDoc("books.xml");
var x=xmlDoc.documentElement;
var lastNode=get_lastchild(x);
document.write(lastNode.localName);

以上代码的输出:

book

TIY

完整实例【localName - 获取节点的本地名称】:

<html>
<head>
<script type="text/javascript" src="/demo/example/xdom/loadxmldoc.js">
</script>
</head>
<body>
<script type="text/javascript">
xmlDoc=loadXMLDoc("/demo/example/xdom/books.xml");
x=xmlDoc.getElementsByTagName("book")[0]
document.write(x.localName);
</script>
</body>
</html>

可以使用本站在线JavaScript测试工具测试上述代码运行效果:http://www.phpcodeweb.com/runjs.html

完整实例【localName - 获取最后一个子节点的本地名称】:

<html>
<head>
<script type="text/javascript" src="/demo/example/xdom/loadxmldoc.js">
</script>
</head>
<body>
<script type="text/javascript">
//check if the last node is an element node
function get_lastchild(n)
{
var x=n.lastChild;
while (x.nodeType!=1)
  {
  x=x.previousSibling;
  }
return x;
}
xmlDoc=loadXMLDoc("/demo/example/xdom/books.xml");
var x=xmlDoc.documentElement;
var lastNode=get_lastchild(x);
document.write(lastNode.localName);
</script>
</body>
</html>

可以使用本站在线JavaScript测试工具测试上述代码运行效果:http://www.phpcodeweb.com/runjs.html

版权所有 © 小码哥的IT人生
Copyright © phpcodeweb All Rights Reserved
ICP备案号:苏ICP备17019232号-2  

苏公网安备 32030202000762号

© 2021-2024