HTML Textarea 文本到 XML答案

【问题标题】：HTML Textarea text to XMLHTML Textarea 文本到 XML
【发布时间】：2016-08-09 06:12:36
【问题描述】：

我有一个 HTML 文本区域，其中的列表如下所示：

杰克=骑手

史蒂文=康拉德

南希=加根

我必须创建一个按钮，一旦按下它，它应该以任何方式以 XML 格式显示文本，在文件中或在同一个文本框中。

<list1>jack=rider</list1>

<list2>steven=conrad</list2>

等等。

编码必须在 javascript 中。请帮忙。

【问题讨论】：

嘿，欢迎来到stackoverflow，我们可以帮助您使您的程序工作，但您必须向我们提供一些代码才能开始。我们无法为您完成全部工作。

标签： javascript html css xml xml-parsing

【解决方案1】：

顺便说一句，如果您的目标是转换一个 HTML 文档对象，以及它在 XML 中的任何内容，我并没有完全理解这个问题，如果您有合适的工具，这将非常简单。我们在这里使用Wicked Google Xpath，这是 DOM Level 3 XPath 规范的纯 JS 实现。

让我们来看看它是如何工作的，这可以帮助您从 HTML 代码构建您的内容，但同样，我不确定这是否是您的目标：

var console = {
  log: function(s) {
    document.getElementById("console").innerHTML += s + "<br/>"
  }
}
console.log("XML:installing parser...");
wgxpath.install(window)
console.log("XML:Parser installed.");

console.log("XML:Evaluating XPath...");

var expression = window.document.createExpression('//*[@id="contents"]');
console.log("XML:Evaluating XPath text");

var result = expression.evaluate(document,
  XPathResult.STRING_TYPE);
console.log("XML:Contents <br><br>" + result.stringValue);

console.log("<br><br>XML:DONE.");

var expressionXML = window.document.createExpression('//*[@id="contents"]/node()');
console.log("XML:Evaluating XPath node()");

var resultXML = expression.evaluate(document,
  XPathResult.ANY_TYPE);
console.log("XML:Contents <br><br>" + resultXML.iterateNext().textContent);

console.log("<br><br>XML:DONE.");

<script src="https://github.com/google/wicked-good-xpath/releases/download/1.3.0/wgxpath.install.js"></script>
<div id="console" />
<div id="contents" style="display:none;"><textarea rows="4" cols="50">
At w3schools.com you will learn how to make a website. We offer free tutorials in all web development technologies. 
</textarea>
</div>

【讨论】：