<li>を「display: inline」に設定したり、ブロック要素を「display: inline-block」に設定すると、その前後に改行コードやTABコードがあると数pxの隙間ができるので、これらのコードを削除してHTMLに差し込み直す。
隙間が発生している要素Nodeを指定するのではなく、それを含んでいる親Nodeを指定する点に注意。
HTML :
<ul id="id1">
<li>id1の子Node</li>
<li>id1の子Node</li>
<li>id1の子Node</li>
</ul>
<ul id="id2" class="class1">
<li>id2とclass1の子Node</li>
<li>id2とclass1の子Node</li>
<li>id2とclass1の子Node</li>
</ul>
<div id="id3" class="class2">
<span>id3とclass2の子Node</span>
<span>id3とclass2の子Node</span>
<span>id3とclass2の子Node</span>
</div>
Javascript :
$removeNLTFrom('id1');
$removeNLTFrom('class2');
$removeNLTFrom('id2 id3');