1. 테이블에 행을 추가할 때 tbody 요소를 사용하여
IE를 포함한 모든 브라우저에서 사용할 수 있도록 테이블을 정의합니다.
예: 다음과 같이 빈 테이블을 정의합니다.
<table id="myTable">
<tbody id=" myTableBody"></ tbody>
</table>
이 테이블에 행을 추가하는 올바른 방법은 테이블이 아닌 테이블 본문에 행을 추가하는 것입니다.
Var cell = document.createElement("td").appendChild(document.createTextNode("foo"));
Var row = document.createElement("tr").appendChild(cell);
Document.getElementById("myTableBody"). appendChild(row);
*IE에서는 행을 먼저 생성한 다음 열을 생성하고 콘텐츠를 생성해야 합니다.
2.
요소의 스타일을 설정합니다.
VarspanElement = document.getElementById("mySpan");
쓰기 방법은 IE를 제외한 모든 브라우저에서 작동하도록 보장됩니다. 사용 가능
spaElement.setAttribute("style","font-weight:bold;color:red;")
//다음 쓰기 방법은 IE가
spanElement.style을 사용할 수 있도록 보장합니다. cssText="font-weight:bold;color:red;";
3. 요소의 클래스 속성을 설정합니다.
Var element = document.getElementById(“myElement”)
//다음 작성 방법을 사용하면 IE를 제외한 모든 브라우저에서 사용할 수 있습니다.
Element.setAttribute(“class”,”styleClass”);
//다음 작성 방법Element.setAttribute("className","styleClass")
에서 IE를 사용할 수 있는지 확인
4. 입력 요소 생성
Var 버튼 = document.createElement( "input");
//한 줄 텍스트 상자, 체크 상자, 라디오 버튼, 라디오 버튼, 버튼을 구별하려면 이 속성이 필요합니다.
Button.setAttribute("type","button");
Document.getElementById("formElement");
5. 입력 요소에 이벤트 핸들러를 추가합니다
.
Var formElement=document.getElementById(" formElement");
// 모든 브라우저에서 사용 가능
formElement.onclick=function(){doFoo();}
// 사용 가능 IE를 제외한 모든 브라우저에서
formElement.setAttribute("onclick","doFoo();")
6. 라디오 버튼 만들기If
(document.uniqueID){
//Internet Explorer
Var radioButton=document.createElement("<input type=' radio' name='radioButton' value='checked'>");
}else{
/ /표준 준수
Var radioButton=document.createElement("input");
radioButton.setAttribute("type","radio");
radioButton. setAttribute("name","radioButton");
radioButton.setAttribute("value"," selected”);
}
7. insertRow, insertCell, deleteRow
IE에서 table.insertRow()가 매개변수를 지정하지 않으면 행이 추가됩니다. 테이블 뒤에 기본 매개변수 비트는 -1입니다. Firefox의 경우 insertRow(-1)와 같이 매개변수를 추가해야 합니다.