HTML 테이블 td 요소를 다른 td 요소로 바꿀 수 있습니까?

이유는 내가 원하는 이유는 특정 브라우저에서 td 요소의 클래스를 변경하는 데 문제가 있기 때문입니다. 간단하게 전체 요소,주의 사항, 코드 및 제안을 대체 할 수 있는지 궁금합니다.HTML 테이블 td 요소를 다른 td 요소로 바꿀 수 있습니까?

2012-01-27 John

의 중복 가능성 (HTTP [자바 스크립트를 사용하여 장소에서 DOM 요소를 교체하는 방법?] : // 유래. com/questions/843680/how-to-replace-dom-element-in-place-javascript) –

DOM 메소드와 테이블 메소드를 사용할 수 있습니다. innerHTML을 사용해서는 안되며, 버그가 있습니다. 그러나 여전히 classList/className을 변경하는 것이 더 쉬워야합니다. – Bergi

당신은 다른 모든 요소와 같은 다른 테이블 셀과 테이블 셀을 대체 할 수

var td = <reference to td element>; 
var newTd = document.createElement('td'); 
td.parentNode.replaceChild(newTd, td);

방금 추가하거나 새로운 클래스 값을 할당, qwertymk의 답변을 참조하십시오.

2012-01-27 02:14:43 RobG

클래스를 추가하려면 td.className += ' newClass'을 시도 했습니까 아니면 td.className = 'newClass'을 사용하여 클래스를 하나만 할당 했습니까?

2012-01-27 02:02:30 qwertymk

'td.className = 'newClass''을 사용하고있었습니다. 'td.className + = 'newClass''를 사용하면 여러 개의 클래스가있는 td 요소가 생성됩니까? – John

예. 그렇게 할 것입니다. – JohnFx

* newClass * 앞에 공백을 넣으면됩니다. 즉 newClass입니다. 클래스 속성은 공백으로 구분 된 값 목록이므로 각 속성 사이에 공백이 있어야합니다. – RobG

당신은 쉽게, 즉 일부 TDS를 제거하고 새로운 TDS로 교체하기 위해 jQuery를 사용할 수 있습니다

$("td").remove(); 
$("tr").append("HTML CODE");

2012-01-27 02:23:50

답변