添加和删除HTML的节点的简单示例

2016-02-19 14:57 7 1 收藏

今天图老师小编要跟大家分享添加和删除HTML的节点的简单示例，精心挑选的过程简单易学，喜欢的朋友一起来学习吧！

【 tulaoshi.com - Web开发】

添加和删除HTML节点的简单示例
　　
　　inputtype="button"onclick="appendnode()"value="添加节点"
　　
　　inputtype="button"onclick="removenode()"value="删除节点"
　　
　　divid="result"/div
　　
　　script
　　
　　i=0
　　
　　functionappendnode(){
　　
　　o=document.createElement("DIV");
　　
　　o.innerHTML="test"+i
　　
　　document.getElementById('result').appendChild(o);
　　
　　i++
　　
　　}
　　
　　functionremovenode(){
　　
　　varx=document.getElementById('result');
　　
　　x.removeChild(x.lastChild)//从最后个节点删除
　　
　　}
　　
　　/script
　　

来源:http://www.tulaoshi.com/n/20160219/1608418.html

看过《添加和删除HTML的节点的简单示例》的人还看了以下文章更多>>

HTML教程简单学习的HTML语言

标签： Web开发

网页制作Webjx文章简介：HTML教程,简单学习HTML语言. 1、bodybackground=图片文件名bgcolor=颜色text=颜色link=颜色vlink=颜色alink=颜色.../body标记属性： background:设置网页的背景图像。bgcolor:设置网页的背景颜色。text:设置文本的颜色。link:设置尚未被访问过的超文本链接的颜色。默认蓝色。vlink:设置已被访问过的超...

html5 canvas 使用示例

标签： Web开发

复制代码代码如下: !DOCTYPE HTML html head meta charset="UTF-8" titleHTML5示例/title style type="text/css" #container{border:1px solid #ccc;width:800px;height:600px;position:relative;} canvas{position:absolute;top:0px;left:0px;z-index:1;} /style /head body select id="tools" option value="pen"铅笔/option op...

word文档添加和删除行和列

标签：电脑应用

在Word中制作表格完成以后，可能有些地方我们会感觉到不满意，这个时候我们可以删除Word表格中不满的行或列，或者是添加行列。 Word中删除表格中的行和列进入菜单栏中的“表格”，然后选择“删除”中的“列”或者是“行”。当然，你也可以使用“表格与边框”工具栏中的“删除列”、“删除行”按钮来删除。...

HTML教程简单学习的HTML语言(2)

标签： Web开发

13、列表标记： (1)无序列表标记：注：符号类型：disc-实心圆点circle-空心原点square-实心方块 ultype=符号类型列表标题 litype=符号类型1第一个列表项 litype=符号类型1第二个列表项 ... /ul (2)菜单列表标记： menu lh列表的标题 li第一个列表项...

如何手动添加和删除Windows服务

标签：电脑入门

在安装MySQL 的时候，发现windows 服务中有一个MySQL 服务，没有显然是安装过并且卸载不彻底,该怎么办?图老师小编告诉你,那就想办法删除这个服务吧! 命令： sc delete 服务名称 . 服务，是指执行指定系统功能的程序、例程或进程，以便支持其他程序，尤其是低层(接近硬件)程序。其实，服务就是一种特殊的应用程序，它从服务启动开始就一直处于...

查看更多精彩>>