当附加到循环中的按钮时，如何在JavaScript中解析XML并在nodeValue中保留空格？

我正在解析一个xml结果集，并将节点值附加到按钮。我试图将该按钮的值设置为一个节点值，当nodevalue中没有空间时，它会工作，但当有空间时，它会将其拆分。我还将按钮的文本设置为nodevalue，这非常有效，当这里有空格时，它不会将nodevalue分开，只有在设置值时

我曾尝试将nodeValue设置为循环中的变量，并在其中格式化，但在设置值时仍会使用空格分隔

var i;
        var xmlDoc = xml.responseXML;
        var li = "";
        var x = xmlDoc.getElementsByTagName("string");
        var valueName;

        for (i = 0; i < x.length; i++) {                
            li += "<li><button id=documentBtn class=btnNav onclick=javascript:hideFunction(value) value=" + "" + x[i].childNodes[0].nodeValue; + "" + ">" +
                x[i].childNodes[0].nodeValue +
                "</button ></li >";                
        }            

vari；
var xmlDoc=xml.responseXML；
var li=“”；
var x=xmlDoc.getElementsByTagName（“字符串”）；
var valueName；
对于（i=0；i”+
x[i].childNodes[0].nodeValue+
“”；
}            

这就产生了：

<button class="btnNav" id="documentBtn" onclick="javascript:hideFunction(value)" value="Site" safety="" specific="" plans="">Site Specific Safety Plans</button>

现场特定安全计划

它应该产生这样的结果：

<button class="btnNav" id="documentBtn" onclick="javascript:hideFunction(value)" value="Site Specific Safety Plans">Site Specific Safety Plans</button>

现场特定安全计划

代码实际输出的是：

现场特定安全计划

包含空格的HTML属性值必须用引号（

'

或

'

）括起来才能正确处理：

vari；
var xmlDoc=xml.responseXML；
var li=“”；
var x=xmlDoc.getElementsByTagName（“字符串”）；
var valueName；
对于（i=0；i”+
x[i].childNodes[0].nodeValue+
“”；
}  

上述代码应产生：

现场特定安全计划

你的答案非常完美，正是我所需要的。但在设置值时，我必须删除分号。请参见以下内容：值=“+x[i]。子节点[0]。节点值+””>“