源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

createElement动态创建HTML对象脚本代码

  • 时间:2022-03-04 20:30 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:createElement动态创建HTML对象脚本代码
1.创建链接
[u]复制代码[/u] 代码如下:
<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.1sucai.cn/","牛C网"); </script>
2.创建DIV
[u]复制代码[/u] 代码如下:
<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.1sucai.cn/"); </script>
3.创建表单项 
[u]复制代码[/u] 代码如下:
<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.创建表格
[u]复制代码[/u] 代码如下:
<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>
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部