createElement动态创建HTML对象脚本代码
更新时间：2008年11月24日 20:56:47 作者：
利用createElement动态创建链接，div等代码
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("https://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网：https://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>
您可能感兴趣的文章:
- createElement与createDocumentFragment的点点区别小结
- javascript createElement()创建input不能设置name属性的解决方法
- Javascript createElement和innerHTML增加页面元素的性能对比
- getElementByID、createElement、appendChild几个DHTML元素
- 动态加载js文件 document.createElement
- IE中createElement需要注意的一个问题
- document.createElement("A")比较不错的属性
- document.createElement()用法
- document.createElement()用法及注意事项(ff下不兼容)
相关文章
bootstrapValidator 重新启用提交按钮的方法
bootstrapValidator 使用中，由于字段检查等原因，致使提交按钮失效。如何重新启用提交按钮呢？下面小编给大家介绍下bootstrapValidator 重新启用提交按钮的方法,需要的朋友可以参考下2017-02-02
这篇文章主要为大家详细介绍了js canvas仿支付宝芝麻信用分仪表盘,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-11-11
Javascript热键兼容ie，firefox，需要的朋友可以参考下。2010-12-12
这篇文章主要为大家详细介绍了JavaScript使用面向对象编程实现烟花特效，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-08-08
这篇文章主要介绍了JS实现的点击按钮图片上下滚动效果,涉及javascript事件响应及页面元素属性动态操作相关实现技巧,需要的朋友可以参考下2019-01-01
这篇文章主要为大家介绍了JavaScript的内置对象Math和字符串，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助2021-11-11
这篇文章主要介绍了理解JavaScript设计模式中的建造者模式,文章基于JavaScript的相关资料展开箱子内容介绍，具有一定的参考价值，需要的小伙伴可以参考一下2022-04-04
这篇文章主要介绍了js仿百度贴吧验证码特效实例代码，有需要的朋友可以参考一下2014-01-01
这篇文章主要源码解读了Bootstrap下拉菜单，介绍了Bootstrap各式各样的下拉菜单,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-12-12
这篇文章主要介绍了Js实现网页键盘控制翻页的方法,较为详细的分析了Js实现网页键盘控制翻页的原理与具体实现方法,非常具有实用价值,需要的朋友可以参考下2014-10-10
最新评论