我是靠谱客的博主 认真灰狼,最近开发中收集的这篇文章主要介绍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);

}

我是动态添加进来的

超链接

694748ed64b9390909c0d88230893790.png

最后

以上就是认真灰狼为你收集整理的Html怎样往div中添加文本,给div中添加文本元素的全部内容,希望文章能够帮你解决Html怎样往div中添加文本,给div中添加文本元素所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

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

评论列表共有 0 条评论

立即
投稿
返回
顶部