オブジェクトの子ノードの空白を削除する

書式

Element.cleanWhitespace(element)

element : ID名またはオブジェクト

説明

オブジェクトの子ノードの空白を削除にはElement.cleanWhitespace()を使います。ただし、子ノードがテキスト (nodeType が3) でない場合には何も処理されません。この処理はオブジェクトの子ノードに対してのみ行われ、子より内側にある子ノードには適用されません。

サンプルコード [実行]

<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>Sample</title>
<link rel="stylesheet" href="main.css" type="text/css" media="all">
<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript"><!--
function clearWS(){
alert($("list").innerHTML);
Element.cleanWhitespace("list");
alert($("list").innerHTML);
}
// --></script>
</head>
<body>
<h1>子ノードの空白を削除</h1>
<form>
<input type="button" value="空白を削除" onClick="clearWS()">
</form>
<ul id="list">
<li>Text 1</li>
<li>Text2</li>
<li>Text3</li>
</ul>
</body>
</html>