在 XML 中使用 HTML 输入值

Question

好的，所以我几乎是 Javascript 的菜鸟，完全不了解 XML，如果这是一个愚蠢的问题，请见谅。

我有一个 Javascript 文件（由打印机公司 Dymo 创建），该文件将从浏览器打印到标签打印机。我可以手动更改打印的信息。但是，我希望它能够打印由用户填写的 HTML 表单输入字段提供的任何信息。

问题是打印的数据来自 Javascript 中的 XML。

我想知道的是如何将用户键入的数据放入表单中，然后将其放入 XML 中，这样我就可以打印这些数据了。我意识到这是一个半宽泛的问题，而且可能很困难。

形式：

<form name="myform" onsubmit="return false">
    QR Data Insertion: <input type="text" name="mytextfield" onchange="checkForm()" autofocus>
</form> 

Javascript（几乎没有必要）：

<script type="text/javascript" language="JavaScript">

function checkForm() { 
    var field1 = document.forms['myform'].elements['mytextfield'].value; 
    alert(field1);
}    

</script>

不确定它是否完全有用，但下面是 XML 的 sn-p：

<StyledText>\
    <Element>\
        <String>HERE IS WHERE I WANT THE FORM DATA TO GO</String>\
        <Attributes>\
            <Font Family="Arial" Size="12" Bold="False" Italic="False" Underline="False" Strikeout="False" />\
            <ForeColor Alpha="255" Red="0" Green="0" Blue="0" />\
        </Attributes>\
    </Element>\
</StyledText>\

Answer 1

您可以像这样在 javascript 函数中使用 DOM 操作：

// Load the XML document
var xmlDoc = loadXMLDoc('yourXML.xml');
// Find the first String element
var x = xmlDoc.getElementsByTagName('String')[0];
// Change the content of that element
x.textContent = field1;

要加载文档，您可以使用这种方法http://www.w3schools.com/dom/dom_loadxmldoc.asp， 但我不确定是否所有浏览器都支持。

希望这会有所帮助！