创建元素节点createElement

Posted zhaocom个人博客

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了创建元素节点createElement相关的知识,希望对你有一定的参考价值。

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
</head>
<body>
<script type="text/javascript">
var main = document.body;
//创建链接
function createa(url,text)
{
    var a =document.createElement("a");//创建一个新的节点为a;
    a.href=url;//a的href属性值为url;
    a.innerHTML=text;//设置a的innerHTML为text;
    a.style.color="red";//a的颜色为红色
    main.appendChild(a);//在指定节点的最后一个子节点列表之后添加一个新的子节点;
}
// 调用函数创建链接
    createa("http://www.imooc.com","慕课网");


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

 

以上是关于创建元素节点createElement的主要内容,如果未能解决你的问题,请参考以下文章

创建元素节点createElement

DOM操作

js怎样添加、移除、移动、复制、创建和查找节点?

DOM怎样添加移除移动复制创建和查找节点

DOM操作怎样添加移除移动复制。创建和查找节点?

DOM操作——怎样添加移除移动复制创建和查找节点