JavaScript의 모든 레이블 요소 제거

Question

내 응용 프로그램에서 사용자의 브라우저가 HTML5-capable이고 입력 필드에 placeholders (Modernizr 사용)을 표시 할 수 있는지 확인합니다. 그렇다면 자동화 된 방식으로 HTML 문서에서 labels을 모두 제거하려고하지만 실제로 어떻게해야할지 모릅니다. 평신도 측면에서

, 사용자의 브라우저가 자리를 지원하는 경우,이를 설정하고 싶습니다 :이 -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을 라벨에 할당하고 하나씩 삭제했지만 그것을하는 더 효과적인 방법 같이. 여기

$('label').remove(); 

예 - 효과 확인하기 위해 자바 스크립트 부분에 한 줄의 주석 :

당신이 jQuery를 사용으로 OK 경우

Answer 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에서 실제로 할 수 있기 때문에 ...)