JavaScript内のすべてのラベル要素を削除します

Question

私のアプリケーションでは、ユーザーのブラウザがHTML5-capableであるかどうかを確認し、placeholdersを入力フィールドに表示できます（Modernizrを使用）。もしそうなら、私はすべてのlabelsをHTML文書から自動化された方法で取り除きたいと思っています。素人用語で

、ユーザーのブラウザは、プレースホルダをサポートしている場合、私はこれをオンにしたいと思います。この-inすべての中へ

<label for="email"> 
    Email: 
</label> 
<input type="email" id="email" placeholder="Your email"> 

はoccurrence-：

<input type="email" id="email" placeholder="Your email"> 

私が持っているすべてがある：

if (Modernizr.input.placeholder) { 
    // Remove all labels from the HTML document 
} 

今まで私はidをラベルに割り当てて1つずつ削除しましたが、より効率的なやり方のように。

Answer 1

あなたはjQueryのを使用してOKであれば、これはワンライナーです：ここ

$('label').remove(); 

例 - 効果を確認するためにJavaScript部分に1行のコメントを解除：

• http://jsfiddle.net/t42qs/

Answer 2

まず、既存のラベルの表を作成します。

var labels = {}, tags = document.getElementsByTagName('label'), l = tags.length, i; 
for(i=0; i<l; i++) labels[tags[i].getAttribute("for")] = tags[i]; 

次に、プレースホルダを持つ入力要素を探します。 IDを持っている人には、関連するラベルを探して削除します。

tags = document.getElementsByTagName('input'); 
l = tags.length; 
var lb; 
for(i=0; i<l; i++) { 
    if(!tags[i].getAttribute("placeholder")) continue; 
    if(lb = labels[tags[i].id]) lb.parentNode.removeChild(lb); 
} 

完了！ jQueryは必要ありません！（生のJSで実際にできることがあるので...）