1.创建链接 复制代码 代码如下:<script language="javascript"> 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网"); </script> 2.创建DIV 复制代码 代码如下:<script language="javascript"> var o = document.body; //创建DIV function createDIV(text) { var div = document.createElement("div"); div.innerHTML = text; o.appendChild(div); } createDIV("牛C网：http://www.jb51.net/"); </script> 3.创建表单项 复制代码 代码如下:<script language="javascript"> var o = document.body; //创建表单项 function createInput(sType,sValue) { var input = document.createElement("input"); input.type = sType; input.value = sValue; o.appendChild(input); } createInput("button","ooo"); </script> 4.创建表格 复制代码 代码如下:<script language="javascript"> var o = document.body; //创建表格 function createTable(w,h,r,c) { var table = document.createElement("table"); var tbody = document.createElement("tbody"); table.width = w; table.height = h; table.border = 1; for(var i=1;i<=r;i ) { var tr = document.createElement("tr"); for(var j=1;j<=c;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); </script>

　　推荐阅读

　　JavaScript使用技巧精萃[代码非常实用]

(一).确认删除用法: 1. BtnDel.Attributes.Add("onclick","return confirm('"+"确认删除?"+"')"); 2. linktempDelete.Attributes["onclick"]="javascript:return confirm('"+"确认删除?"+"');"; 3. private void g>>>详细阅读

本文标题：createElement动态创建HTML对象脚本代码

地址：http://www.17bianji.com/kaifa2/JS/29196.html

 1/2    1