Prototype - cleanWhitespace() 方法
此方法删除元素的所有文本节点(仅包含空格)并返回元素。
Element.cleanWhitespace 删除仅包含空格的文本节点。当使用 nextSibling、previousSibling、firstChild 或 lastChild 等标准方法遍历 DOM 时，这非常有用。
语法
element.cleanWhitespace();
返回值
HTML 元素
示例
请考虑以下示例 −
<html>
<head>
<title>Prototype examples</title>
<script type = "text/javascript" src = "/javascript/prototype.js"></script>
<script>
function showElements() {
var element = $('apples');
alert(element.firstChild.innerHTML);
}
</script>
</head>
<body>
<ul id = "apples">
<li>Mutsu</li>
<li>McIntosh</li>
<li>Ida Red</li>
</ul>
<br />
<input type = "button" value = "showElements" onclick = "showElements();"/>
</body>
</html>
这似乎不太管用。为什么会这样?ul#apples 的第一个子节点实际上是一个文本节点，仅包含位于 <ul id = "apples"> 和 <li>Mutsu</li> 之间的空格。
输出
现在，让我们使用 cleanWhitespace 函数并查看结果 −
<html>
<head>
<title>Prototype examples</title>
<script type = "text/javascript" src = "/javascript/prototype.js"></script>
<script>
function showElements() {
var element = $('apples');
element.cleanWhitespace();
alert(element.firstChild.innerHTML);
}
</script>
</head>
<body>
<ul id = "apples">
<li>Mutsu</li>
<li>McIntosh</li>
<li>Ida Red</li>
</ul>
<br />
<input type = "button" value = "showElements" onclick = "showElements();"/>
</body>
</html>
prototype_element_object.html
