html读取本地xml文件结点数据并输出修改
时间: 2023-08-11 07:11:19 浏览: 68
可以使用 JavaScript 和 DOM API 来读取本地的 XML 文件,并输出修改。以下是一些示例代码:
1. 读取本地 XML 文件:
```javascript
let xmlDoc = new DOMParser().parseFromString(xmlString, "text/xml");
```
其中,`xmlString` 是 XML 文件的字符串内容。
2. 获取 XML 结点:
```javascript
let node = xmlDoc.getElementsByTagName("nodeName")[0];
```
其中,`nodeName` 是 XML 结点的名称。
3. 修改结点内容:
```javascript
node.textContent = "new content";
```
4. 输出修改后的 XML 内容:
```javascript
let xmlStringNew = new XMLSerializer().serializeToString(xmlDoc);
console.log(xmlStringNew);
```
完整的示例代码如下:
```html
<!DOCTYPE html>
<html>
<head>
<title>Read and modify local XML file</title>
<meta charset="utf-8">
<script type="text/javascript">
function readXMLFile() {
let xmlString = `
<?xml version="1.0" encoding="UTF-8"?>
<root>
<item>
<name>Item 1</name>
<price>10.00</price>
</item>
<item>
<name>Item 2</name>
<price>20.00</price>
</item>
</root>
`;
let xmlDoc = new DOMParser().parseFromString(xmlString, "text/xml");
let node = xmlDoc.getElementsByTagName("name")[0];
node.textContent = "New Item Name";
let xmlStringNew = new XMLSerializer().serializeToString(xmlDoc);
console.log(xmlStringNew);
}
</script>
</head>
<body>
<button onclick="readXMLFile()">Read and Modify XML File</button>
</body>
</html>
```
注意,在浏览器中读取本地 XML 文件需要使用 `FileReader` 对象,这里的示例代码只是展示了读取和修改 XML 结点的基本方法。