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

174 阅读 0 评论 115 点赞

我是靠谱客的博主认真灰狼，这篇文章主要介绍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);

}

我是动态添加进来的

超链接

以上就是认真灰狼最近收集整理的关于Html怎样往div中添加文本,给div中添加文本元素的全部内容，更多相关Html怎样往div中添加文本内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。