javascript - 隐藏元素的部分内容

Question

抱歉，这可能是个奇怪的问题:

我有一个现有的 HTML 代码，我不能直接编辑或删除它的一部分。问题是:在这段代码的一个 div 元素中，有一些我想隐藏的文本。这个 div 中还有另一个元素，我不想隐藏它。它看起来像这样:

<div>
....Text I want to hide....
<table> ... Text I don't want to hide...</table>
</div>

我的问题:是否可以隐藏“……我想隐藏的文本……”而不隐藏“……我不想隐藏的文本……”？ (例如使用 javascript？)

Answer 1

var txt = div.childNodes[0];
var range = document.createRange();
range.selectNode(txt);
var span = document.createElement("span")
range.surroundContents(span);
span.style.display = "none";

在这里查看:http://jsfiddle.net/KZVDf/