자바 스크립트를 사용하여 테이블의 모든 div를 반복합니다.

Question

div 태그가 거의 들어 있지 않은 HTML 표가 있습니다. 모든 div를 반복하고 align 속성을 right로 변경하고 싶습니다. 누구든지 예제가 있습니까? jQuery로

Answer 1

$(function(){ 
    $("table div").css("textAlign", "right"); 
}); 

일반 자바 스크립트 (바이올린 : http://jsfiddle.net/JdTfk/)

window.onload = function() { 
    var tables = document.getElementsByTagName('table'); 

    for (var i = 0; i < tables.length; i++) { 
     var divs = tables[i].getElementsByTagName("div"); 
     for (var j = 0; j < divs.length; j++) { 
      divs[j].style.textAlign = "right"; 
     } 
    } 
} 

사용하여 일반 자바 스크립트 예제와 CSS

table div 
{ 
    text-align: right; 
} 

Answer 2

var divs = document.getElementsByTagName('div');