Ajax CreateElement เป็นคำสั่งที่ใช้ในการสร้างCreate HTML Element ภายในหน้าเว็บไซต์ในขณะนั้น โดยการสร้าง Element จะเป็นการสร้างแบบชั่วคราวเท่านั้น เมื่อทำการ Refresh หน้า Webpage ค่าดังกล่าวก็จะหายไปในทันที
Syntax
document.createElement('<br>');
ตัวอย่างครับ
AjaxCreateElement.html
<html>
<head>
<title>ThaiCreate.Com Ajax Tutorial</title>
</head>
<script language="javascript">
function fncCreateElement(){
var mySpan = document.getElementById('mySpan');
/*var myElement1 = document.createElement('<input type="text" name="txt[]">');
myElement1.setAttribute('id',"txt1");
mySpan.appendChild(myElement1);*/
var myElement1 = document.createElement('input');
myElement1.setAttribute('type',"txt");
myElement1.setAttribute('name',"txt[]");
//myElement1.setAttribute('id',"txt[]");
mySpan.appendChild(myElement1);
//*** Remove Element ***//
/*
var deleteEle = document.getElementById('txt1');
mySpan.removeChild(deleteEle);
*/
var myElement2 = document.createElement('br');
mySpan.appendChild(myElement2);
}
</script>
<body>
<span id="mySpan"></span>
<input name="btnButton" id="btnButton" type="button" value="Create" onClick="JavaScript:fncCreateElement();">
</body>
</html>