<table>
<tr>
<td id="MyCell">Hello World</td>
</tr>
</table>
document.getElementById(cell2.Element.id).innerText
这将返回文本“Hello World”，在hello和world之间只有1个空格。我必须保持相同数量的空格，有没有办法做到这一点？
我已经尝试使用innerHTML、outerHTML等类似的项目，但是我没有成功。
HTML是不敏感空格的，这意味着您的DOM也是如此。将您的“Hello World”包装在
块中会起作用吗？
。小提示：innerText只在Internet Explorer浏览器中有效，而innerHTML在所有浏览器中都有效...因此，请使用innerHTML而不是innerText。
pre标签或CSS中的white-space: pre会将所有空格视为有意义的。然而，这也会将换行符转换为换行符，因此请注意。
<table>
<tr>
<td id="MyCell">Hello World<input id="MyCell_VALUE" type="hidden" value="Hello World" /></td>
</tr>
</table>
然后在JavaScript中获取您的值，类似于：
document.getElementById(cell2.Element.id+'_VALUE').value
输入标签被设计用于保存值，这样你就不太可能遇到保真度问题。
此外，听起来你正在使用某种 .NET 控件。浏览文档（哈）或者提出稍微不同的问题，看看该控件是否提供了官方客户端 API，这也许值得一试。
刚刚检查了一下，看起来用pre标签包装应该可以解决。
下面这个技巧可以在IE中保留innerText中的空格
var cloned = element.cloneNode(true);
var pre = document.createElement("pre");
pre.appendChild(cloned);
var textContent = pre.textContent
? pre.textContent
: pre.innerText;
delete pre;
delete cloned;
编辑：我错了，请忽略我。
您可以获取文本节点的nodeValue，它应该正确表示其空格。
以下是一个递归获取给定元素内文本的函数（并且它是库安全的，如果您使用修改Array.prototype或其他内容的内容，它不会失败）：
var textValue = function(element) {
if(!element.hasOwnProperty('childNodes')) {
return '';
}
var childNodes = element.childNodes, text = '', childNode;
for(var i in childNodes) {
if(childNodes.hasOwnProperty(i)) {
childNode = childNodes[i];
if(childNode.nodeType == 3) {
text += childNode.nodeValue;
} else {
text += textValue(childNode);
}
}
}
return text;
};
这有点取巧，但它在我的IE上可以工作。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<title></title>
</head>
<body>
<div id="a">a b</div>
<script>
var a = document.getElementById("a");
a.style.whiteSpace = "pre"
window.onload = function() {
alert(a.firstChild.nodeValue.length) // should show 4
}
</script>
</body>
</html>
一些注意事项：