자바 스크립트에서 요소 스타일 새로 고침

Question

행이 레코드 세트에서 동적으로로드되는 테이블이 있습니다. 나는 또한 테이블에있는 체크 박스가 체크되어있을 때 x = y 일 때 모든 행을 숨기지 만 실제로는 오른쪽에 위치하는 세로 테두리를 가지고 있기 때문에 자바 스크립트를 사용했다. CSS를 사용하는 테이블의 마지막 행 .sortable .dynamicrow:last-child td{

그래서 상자를 체크하고 마지막 한 행을 제거하면 테두리가 제대로 사라지지 않습니다. 기본적으로 CSS를 다시 실행하거나 새로 고침해야합니다.

javascript에서 요소의 스타일/CSS를 새로 고치는 방법을 묻는 중입니다.

.sortable .dynamicrow:last-child td{ 
    background-image:url(../Images/tablevborderbottom.png); 
    background-position:right; 
    background-repeat:no-repeat; 
} 

내가 마지막 행이 제거됩니다 때로는 마지막 행에 수직 경계 페이드를하기 위해 사용하는 CSS, 그래서 두 번째 마지막 행은 마지막 행이됩니다 만, 그것은 고체 경계의 유지와 그렇지 않은 사라지다.

페이지를로드 한 후에 Javascript로 인해 마지막 자식이 제거되므로 마지막 자식이 마지막 자식이됩니다. 위의 CSS를 마지막 마지막 자식에 적용하려면 어떻게해야합니까? 어린이?

Answer 1

기존 스타일에 클래스 선언을 추가하고 마지막 행을 숨기면 CSS 클래스가 마지막 행에 적용됩니다.

 
    .sortable .dynamicrow:last-child td, .dummy_last_row{ 
    background-image:url(../Images/tablevborderbottom.png); 
    background-position:right; 
    background-repeat:no-repeat; 
} 

JavaScript. 이 5 행의 onclick = 버튼과 "Lst_row (이)」

 
function Lst_row(row){ 
    row = row.parentNode.parentNode; 
    tbl = document.getElementById("sorttable"); 
    rows = tbl.getElementsByTagName("TR"); 
    if(row == rows[tbl.getElementsByTagName("TR").length-1] || row.className.indexOf("dummy_last_row") != -1){ 
     for (i=0; i<rows.length; i++){ 
      if(i != 0 && row == rows[i] && rows[i-1])){ 
       rows[i-1].className += " dummy_last_row"; 
      } 
     } 
    } 
} 

과정이 매우 간단 1 횡 간단한 테이블에 기초하지만, 상기베이스가된다.