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

时间:2023-03-09 00:55:44
createElement() 创建元素  appendChild()添加元素

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>