动态生成一个HTML对象
2004-10-28 09:09
405 查看
window.document.createElement可以动态生成一个HTML对象，并且可以利用HTML对象的appendChild方法把自动生成的HTML对象添加到某一HTML对象中。
window.document.createElement的用法如下：
var LinkObj = window.document.createElement("A");
这样就生成了一个连接对象，它返回生成的对象参考，上边的LinkObj就接受了这个对象参考，我们可以能过返回的对象参考对生成的HTML对象进行各种控制。
比如：
LinkObj.href = "http://isoft.ispcn.com";
LinkObj.innerText = "连接对象";
LinkObj.style.color = "red";
在生成对象之后我们就可以把它加入当前页面已有的对象之中了：
window.document.body.appendChild(LinkObj);
代码如下：
<html>
<head>
<title>代码示例</title>
</head>
<body>
<script language=jscript>
<!--
// 请在这里添加您的脚本代码
var LinkObj = window.document.createElement("A");
LinkObj.href = "http://isoft.ispcn.com";
LinkObj.innerText = "连接对象";
LinkObj.style.color = "red";
window.document.body.appendChild(LinkObj);
//-->
</script>
</body>
</html>
你可以下边运行一下试试：
<html>
<head>
<title>代码示例</title>
</head>
<body>
<script language=jscript>
<!--
// 请在这里添加您的脚本代码
var LinkObj = window.document.createElement("A");
LinkObj.href = "http://isoft.ispcn.com";
LinkObj.innerText = "连接对象";
LinkObj.style.color = "red";
window.document.body.appendChild(LinkObj);
//-->
</script>
</body>
</html>
当然，appendChild不仅仅用在window.document.body上，其它HTML对象也有这个方法，比如：
<html>
<head>
<title>代码示例</title>
</head>
<body>
<div id="MyDiv"></div>
<script language=jscript>
<!--
// 请在这里添加您的脚本代码
var LinkObj = window.document.createElement("A");
LinkObj.href = "http://isoft.ispcn.com";
LinkObj.innerText = "连接对象";
LinkObj.style.color = "red";
window.document.getElementById("MyDiv").appendChild(LinkObj);
//-->
</script>
</body>
</html>
window.document.createElement的用法如下：
var LinkObj = window.document.createElement("A");
这样就生成了一个连接对象，它返回生成的对象参考，上边的LinkObj就接受了这个对象参考，我们可以能过返回的对象参考对生成的HTML对象进行各种控制。
比如：
LinkObj.href = "http://isoft.ispcn.com";
LinkObj.innerText = "连接对象";
LinkObj.style.color = "red";
在生成对象之后我们就可以把它加入当前页面已有的对象之中了：
window.document.body.appendChild(LinkObj);
代码如下：
<html>
<head>
<title>代码示例</title>
</head>
<body>
<script language=jscript>
<!--
// 请在这里添加您的脚本代码
var LinkObj = window.document.createElement("A");
LinkObj.href = "http://isoft.ispcn.com";
LinkObj.innerText = "连接对象";
LinkObj.style.color = "red";
window.document.body.appendChild(LinkObj);
//-->
</script>
</body>
</html>
你可以下边运行一下试试：
<html>
<head>
<title>代码示例</title>
</head>
<body>
<script language=jscript>
<!--
// 请在这里添加您的脚本代码
var LinkObj = window.document.createElement("A");
LinkObj.href = "http://isoft.ispcn.com";
LinkObj.innerText = "连接对象";
LinkObj.style.color = "red";
window.document.body.appendChild(LinkObj);
//-->
</script>
</body>
</html>
当然，appendChild不仅仅用在window.document.body上，其它HTML对象也有这个方法，比如：
<html>
<head>
<title>代码示例</title>
</head>
<body>
<div id="MyDiv"></div>
<script language=jscript>
<!--
// 请在这里添加您的脚本代码
var LinkObj = window.document.createElement("A");
LinkObj.href = "http://isoft.ispcn.com";
LinkObj.innerText = "连接对象";
LinkObj.style.color = "red";
window.document.getElementById("MyDiv").appendChild(LinkObj);
//-->
</script>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 写一个静态HTML页面，直接写HTML代码和用JS动态生成代码，哪种方式要好
- 工作总结 @Html 辅助方法 为 生成的 标签设置元素属性 htmlAttributes 一个对象，其中包含要为该元素设置的 HTML 特性。
- 在表单中动态生成n多的商品属性,然后一起提交,想在商品对象中定义一个属性数组来接收属性,怎么办?
- 结构型模式02-装饰者模式（动态为一个对象添加职责，就增加功能而言，装饰模式比生成子类更加灵活）
- R语言-networkd3.生成一个基于html的插件，可以动态交互，
- 怎么通过生成动态对象名来调用一个对象？
- 详解JavaScript对Date对象的操作问题(生成一个倒数7天的数组)
- ASP.NET动态生成HTML页面
- jsp里动态生成XML,并绑定到页面表格 （转自http://www.cnblogs.com/huazi4995/articles/587059.html)
- C#动态生成html页面
- 当ajax加载更多的时候，动态生成的html里面的事件无法触发
- 前端js如何生成一个json对象，并转化为json字符串
- 如何定义一个只能在栈上生成对象的类
- log4j2 不使用配置文件，动态生成logger对象
- js中生成json对象生成动态表格
- 如何定义一个只能在堆上（栈上）生成对象的类?
- jquery html动态生成select标签出问题的解决方法
- 第二讲：如何定义一个只能在堆上生成对象的类
- JS 动态生成JSON对象
- 自己写的一个PHP面向对象方式的页面生成库（同时支持Web和Wap）