文档章节

javaScript---灵活多变的动态添加标志

麦小雄
 麦小雄
发布于 2015/09/23 18:29
字数 233
阅读 23
收藏 0

传统的动态添加标志都不太灵活要么行为与表现没分开,要么就是忽略细节,大刀阔斧。这篇短文主要是介绍使用DOM方法去动态的添加标志与文本内容。相比传统的方法,此做法更加合理。

这里简单介绍几个方法:

document.createElement()---添加元素节点

parentNode.appendChild()---将某节点插入文本中的一个节点中,成为他的子节点

document.createTextNode()---将文本内容插入节点中

简单的演示一下:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Test</title>
<script type="text/javascript">
function (){
  var para = document.createElement("p");
  var divnode = document.getElementById("test");
  divnode.appendChild(para);
  var txt = document.createTextNode("Hello world!");
  divnode.appendChild(txt);
</script>
</head>
<body>
<div id="test">
</div>
</boby>
</html>

上面的例子只是简单的演示怎么使用这三个函数,结合之前的内容可以更加丰富的为文本添加内容。


© 著作权归作者所有

麦小雄
粉丝 0
博文 7
码字总数 2666
作品 0
广州
程序员
私信 提问
js的由弱变强之路,Flow为js添加编译过程

javascript是一门弱类型语言, 所谓弱类型, 就是一个变量既可以被赋值, , 又可以被赋值, , 弱类型的好处很多, 但也有缺点, 比如: 跳过了编译过程, 导致代码中的错误只能在运行时才能显现出来 ...

木子昭
2018/10/30
0
0
FusionCharts与HighCharts功能对比分析

选择一个图表组件是一项复杂的任务,因为选择图表时,既要考虑当前需要,又要能应对未来多变的复杂业务需求。 所以,在选择图表的时候,我们需要对图表有更深入的对比和研究。接下来,小编将...

flyingsnail
2014/04/18
552
0
TypeScript基础入门之Javascript文件类型检查(一)

转载 TypeScript基础入门之Javascript文件类型检查(一) TypeScript 2.3及更高版本支持使用--checkJs在.js文件中进行类型检查和报告错误。 您可以通过添加//@ts-nocheck注释来跳过检查某些文件...

durban
2018/10/26
15
0
Dojo学习12 dijit.Tree 动态添加节点之一

dijit.Tree 动态添加节点之一 dijit.Tree我感觉是一个通用的开发接口,如果您想灵活的使用它,您必须编写程序。比如最简单的点击一个节点,然后打开一个网页,这都需要写程序。 Tree有两个模...

元来元去
2010/11/02
2.5K
0
发明者量化 数字货币量化交易课程--开课啦!

目录连载 适用人群 面向对数字货币程序化感兴趣的初学者,需要有一定的实盘交易和计算机基础。 课程概述 数字货币交易市场由于其特殊性越来越受到量化交易者的关注,实际上程序化交易已经是数...

发明者量化FMZ
2018/09/18
0
0

没有更多内容

加载失败,请刷新页面

加载更多

如何快速为网站选择合适的SSL证书

随着HTTPS普及,越来越多用户开始采用SSL证书,来对HTTP进行加密,升级到HTTPS。但面对各种不同的SSL证书,用户应如何选择?安信SSL证书将为大家讲解: 一、按SSL证书类型选择 DV SSL证书:域...

安信证书
14分钟前
1
0
被嫌弃的eval和with

本文转载于:专业的前端网站➥被嫌弃的eval和with 前面的话   eval和with经常被嫌弃,好像它们的存在就是错误。在CSS中,表格被嫌弃,在网页中只是用表格来展示数据,而不是做布局,都可能被...

前端老手
17分钟前
1
0
Allegro非常实用的快捷键-PCB环境

立题简介: 内容:简单介绍Allegro绘制的PCB环境下的快捷键; 来源:实际使用得出; 作用:对Allegro绘制PCB快捷键进行介绍; PCB环境:Cadence 16.6; 立题详解: 对“allegro”板而言,其在...

demyar
24分钟前
1
0
润乾报表与 ActiveReport JS 功能对比

简介 润乾报表是用于报表制作的大型企业级报表软件,核心特点在于开创性地提出了非线性报表数学模型,采用了革命性的多源关联分片、不规则分组、自由格间运算、行列对称等技术,使得复杂报表...

泡泡糖儿
25分钟前
1
0
仿微信打飞机游戏网页版,基于cocos2d-js游戏引擎,在线试玩,内含源码

早几年研究cocos2d的demo项目,这个是基于cocos2d-js游戏引擎,整个游戏用js编写。 玩法:鼠标拖动飞机移动即可 试玩地址 源码地址 游戏截图: 文件说明 cocos2dx:游戏引擎 res:存放游戏素...

tanghc
27分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部