我有一个 HTML 文件，其代码类似于以下内容。
<table>
<tr>
<td id="MyCell">Hello World</td>
</tr>
</table>
我正在使用如下的javascript来获取值
document.getElementById(cell2.Element.id).innerText
这将返回文本“Hello World”，在 hello 和 world 之间只有 1 个空格。我必须保持相同数量的空间，有什么办法可以做到吗？
我试过使用 innerHTML、outerHTML 和类似的项目，但我没有运气。
HTML 对空格不敏感，这意味着您的 DOM 也是如此。将您的“Hello World”包装在预块中工作吗？
在 HTML 中，任何大于 1 的空格都会被忽略，无论是显示文本还是通过 DOM 检索文本。保持空格的唯一保证方法是使用不间断空格 。
提示一下，innerText 仅适用于 Internet Explorer，而 innerHTML 适用于所有浏览器……所以，请使用 innerHTML 而不是 innerText
您的 CSS 中的pre标签或标签white-space: pre会将所有空格视为有意义的。但是，这也会将换行符变成换行符，所以要小心。
刚刚检查了一下，看起来应该用pre标签包装。
编辑：我错了，别理我。
您可以获得文本节点的 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;
};
这里只是一个意见，而不是规范的建议，但是如果您尝试通过 Javascript 使用内部/外部 HTML/TEXT 属性从 DOM中提取准确的文本值，那么您将走向世界或受到伤害。根据浏览器“查看”内部文档的方式，不同的浏览器将返回略有不同的值。
如果可以的话，我会更改您正在呈现的 HTML 以包含隐藏的输入，例如
<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 控件。可能值得查看文档 (ha) 或询问稍微不同的问题，以查看控件是否提供某种官方客户端 API。
这有点hacky，但它适用于我的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>
一些注意事项：
以下技巧在 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;
如果有人可以正确格式化我的最后一篇文章，它看起来会更具可读性。对不起，我把那个搞砸了。基本上，诀窍是创建一个一次性的 pre 元素，然后将节点的副本附加到该元素。然后您可以根据浏览器获取 innerText 或 textContent 。
除了 IE 之外的所有浏览器基本上都正确地完成了显而易见的事情。IE 需要这种 hack，因为它只在 pre 元素中保留空白，并且只有当您访问 innerText 时。