예
크리에이트 <thead> 요소 (and insert a <tr> and <td> element to it) :
// Find a <table> element with id="myTable":
var table = document.getElementById("myTable");
// Create an empty <thead> element and add it to the table:
var header =
table.createTHead();
// Create an empty <tr> element and add it to
the first position of <thead> :
var row =
header.insertRow(0);
// Insert a new cell
(<td>) at the first position of the "new" <tr> element:
var cell = row.insertCell(0);
// Add some bold text in the new cell:
cell.innerHTML = "<b>This is a
table header</b>"; »그것을 자신을 시도 정의 및 사용
createTHead() 메소드는 빈 생성 <thead> 요소가 테이블에 추가한다.
Note: 경우 <thead> 요소가 이미 테이블에 존재의 createTHead() 메소드는 기존의 것을 반환하고 새로 만들지 않습니다.
참고 : <thead> 요소가 하나 이상 있어야합니다 <tr> 내부 태그를.
Tip: 제거하기 <thead> 테이블로부터 요소를 사용 deleteTHead() 방법.
브라우저 지원
| 방법 | |||||
|---|---|---|---|---|---|
| createTHead() | 예 | 예 | 예 | 예 | 예 |
통사론
tableObject .createTHead()
매개 변수
| 없음 |
기술적 세부 사항
| 반환 값 : | 새로 생성 된 (or an existing) <thead> 요소 |
|---|
더 예
예
생성 및 삭제 <thead> 요소를 :
function myCreateFunction() {
var table =
document.getElementById("myTable");
var header =
table.createTHead();
var row = header.insertRow(0);
var cell = row.insertCell(0);
cell.innerHTML =
"<b>This is a table header</b>";
}
function myDeleteFunction() {
document.getElementById("myTable").deleteTHead();
} »그것을 자신을 시도 관련 페이지
HTML 참조 : HTML <thead> 태그
<표 개체