javascriptを使用して特定のdivタグからすべてのテキストノードを削除します

Question

私はPHPスクリプトから動的に生成されたHTMLをいくつか持っています。 PHPのコードは、この

echo "<div id='categories'>\n"; 
foreach($category as $k => $v) 
{ 
echo "<div class='category'>\n"; 
echo "<div id=\"$k\" class='cat_name'\n>$k</div>\n"; 
echo "<div id=\"$k".'_link"'." class='cat_link'>\n<a href=$v>Link</a>\n</div>\n"; 
echo "</div>\n"; 
} 
echo "</div>\n"; 

のように私は、HTMLのテキストノードが存在するので、予想通り、この

var categories=document.getElementById('categories').childNodes; 
for(i=0;i<categories.length;i++) 
{ 
var link=categories[i].childNodes[1].childNodes[0].attributes['href']; 
.. 
... 
.. 

今、このdoesntの仕事のようにDOMにアクセスしようとしたJavaScriptファイルを持って見えます。私はこの

document.getElementById('categories').childNodes[0].nodeType; // displays 3 

をしようとするfirebug consoleを使用する場合 それはノードがtext nodeであることを意味している3を表示します。 私はこの

window.onload=function() { 
document.normalize(); 
var categories=document.getElementById('categories').childNodes; 
... 
... 

ようwindow.onloadでdocument.normalize();を追加しようとしたが、テキストノードは、HTML内に残ります。どのように私はすべてのテキストノードを削除することができます。今私は、どのようにすべてのテキストノードを取得するのですかgetElementByType()のようなメソッドがあるとは思わない。

Answer 1

使用.childrenは要素のみ（テキストノード）を標的とします

// --------------------------------------------------v 
var categories=document.getElementById('categories').children; 

FF3は、あなたがそのブラウザをサポートしているので、もし、あなたがする方法が必要になります、そのプロパティをサポートしていません。それを複製する。

function children(parent) { 
    var node = parent.firstChild; 
    var result = []; 
    if(node) { 
     do { 
      if(node.nodeType === 1) { 
       result.push(node); 
      } 
     } while(node = node.nextSibling) 
    } 
    return result; 
} 
var parent = document.getElementById('categories'); 
var categories= parent.children || children(parent); 

また、IEにはコメントノードもありますので、マークアップにコメントが含まれていない方が良いでしょう。

Answer 2

代わりにgetElementsByClassName^{MDC docs}を使用してください。 http://ejohn.org/blog/getelementsbyclassname-speed-comparison/

Answer 3

あなたのループ内の各ノードをチェックして、テキストノードの場合は、あなたが言ったように、それを削除するか、何もしないのいずれか：ネイティブ、それはこれらの実装を見てサポートしていないブラウザのために

var categories=document.getElementByClassName('category'); 

。テキストノードでない場合は、そのノードに実行するアクションを実行します。代わりに.childNodesの