动态生成一个HTML对象

最新推荐文章于 2023-09-20 15:18:55 发布

asthlon

最新推荐文章于 2023-09-20 15:18:55 发布

阅读量1.8k

点赞数

分类专栏： JAVASCRIPT 文章标签： html 脚本 div

本文链接：https://blog.csdn.net/asthlon/article/details/155911

版权

JAVASCRIPT 专栏收录该内容

43 篇文章 0 订阅

订阅专栏

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>

</script>
</body>
</html>