码迷,mamicode.com
首页 > 移动开发 > 详细

createElement() 创建元素 appendChild()添加元素

时间:2015-09-06 01:00:33      阅读:207      评论:0      收藏:0      [点我收藏+]

标签:

Javascript window 对象的document.createElement() 方法、语法及其使用。

1、方法

创建一个新的html元素对象,并可返回一个Element 对象,新创建的Element 对象,具有指定的标签名。

2、语法

以下为引用内容:
createElement(name)

3、使用

1、创建超链接

以下为引用内容:
<html>
<body>
<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.desteps.com/","设计与开发");
</script>
</body>
</html>

2、创建DIV层

以下为引用内容:
<html>
<body>
<script language="javascript">
var o = document.body;
//创建DIV
function createDIV(text)
{
    var div = document.createElement("div");
    div.innerHTML = text;
    o.appendChild(div);
}
createDIV("<a href=‘http://www.desteps.com‘>设计与开发 </a>"); 
</script>
</body>
</html>

createElement() 创建元素 appendChild()添加元素

标签:

原文地址:http://www.cnblogs.com/masterccc/p/4784240.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!