Html怎样往div中添加文本,给div中添加文本元素

[javascript]代码库

给div中添加文本元素

div{

border: 1px solid blue;

background-color: green;

width: 300px;

height: 150px;

}

function demo(){

//在这个方法中主要是给div中添加文本元素

//先创建一个文本节点

var textNode = document.createTextNode("我是动态添加进来的");

//获取div对象

var divNode = document.getElementById("div");

//给div添加文本元素

divNode.appendChild(textNode);

}

function demo2(){

//在这个方法中主要是给div中添加文本元素

//先创建一个超链接对象

var aNode = document.createElement("a");

aNode.href = "http://sh.itcast.cn";

//aNode.setAttribute("href","http://sh.itcast.cn");

aNode.innerHTML = "上海传智播客";

//获取div对象

var divNode = document.getElementById("div");

//给div添加文本元素

divNode.appendChild(aNode);

}