체계적인 HTML 태그 확인

Question

특정 태그가 특정 속성을 가지고 있는지 여부를 확인할 수있는 오프라인 도구가 있습니까?

나는 모든 것을 확인할 수있는 무언가를 찾고 있어요 :

• form 태그가 name 속성을 가지고있다.
• div 및 span 태그는 적어도 id 또는 class 속성을 갖는다.

깔끔한 옵션으로 그런 것들을 지정할 수 있습니까?

Answer 1

페이지에서 jQuery를 사용할 수 있으면 간단하고 신속하게 유효성 검사를 수행 할 수 있습니다.

 

    $('form').each(function(){ 
     if ($(this).attr('name') === undefined) { 
      alert('There is at least one form with no name.'); 
     } 
    }); 
    $('div').each(function(){ 
     if ($(this).attr('id') === undefined) { 
      alert('There is at least one div with no id.'); 
     } 
    }); 

Answer 2

또한이 아닌 jQuery를 솔루션의 예를

 
var arr = document.getElementsByTagName('div'); 
var flag = false; 
for (var i = 0, len = arr.length; i < len; i++) { 
    if (arr[i].getAttribute('id') == null) { 
     flag = true; 
     break; 
    } 
} 
if (flag) { 
    alert('There is at least one div with no name.'); 
}