createElement는 HTML 객체 스크립트 code_javascript 기술을 동적으로 생성합니다.

1. 링크 생성

코드 복사 코드는 다음과 같습니다.

var o = document.body;
//링크 생성
function createA(url,text)
{
var a = document.createElement(" a") ;
a.href = url;
a.innerHTML = text;
a.style.color = "red";
o.appendChild(a);
}
createA ("http://www.jb51.net/","牛C网")

2. DIV 생성 >

코드 복사 코드는 다음과 같습니다.

<script> o = document.body; <div class="codebody" id="code38658">//DIV 생성 <BR>function createDIV(text) <BR>{ <BR>var div = document.createElement("div") <BR>div.innerHTML = text; 🎜>o.appendChild( div); <BR>} <BR>createDIV("牛C网：http://www.jb51.net/") <BR></script>
3. 양식 항목 만들기



코드 복사

코드는 다음과 같습니다. < ;script 언어="javascript"> var o = document.body; //양식 항목 생성function createInput(sType,sValue)

{

var input = document.createElement ("입력");
input.type = sType;
input.value = sValue;
o.appendChild(input)
createInput("button","ooo" );


4. 테이블 생성




코드 복사

코드는 다음과 같습니다.

<script> <a style="CURSOR: pointer" data="56153" class="copybut" id="copybut56153" onclick="doCopy('code56153')">var o = document.body <U>//테이블 만들기function createTable(w ,h,r,c) { </script> var table = document.createElement("table");

var tbody = document.createElement("tbody")

table.width = w;
table.height = h;
table.border = 1;
for(var i=1;i{
var tr = document.createElement(" tr");
for(var j=1; j{
var td = document.createElement("td");
td.innerHTML = i "" j;
//td.appendChild(document.createTextNode (i "" j))
td.style.color = "#FF0000";
tr.appendChild(td);
tbody.appendChild(tr);
}
table.appendChild(tbody);
o.appendChild(table)
}
createTable(270,270,9,9);