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

中华cosplay

中华cosplay

2016-02-19 14:57

今天图老师小编要跟大家分享添加和删除HTML的节点的简单示例,精心挑选的过程简单易学,喜欢的朋友一起来学习吧!
添加和删除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
  
展开更多 50%)
分享

猜你喜欢

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

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

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

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

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

HTML教程-综合示例

Web开发
HTML教程-综合示例

小偷程序原理和简单示例

Html CSS布局 Div+CSS XHTML
小偷程序原理和简单示例

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

添加、删除HTML结点 & 上传图片预览

Web开发
添加、删除HTML结点 & 上传图片预览

word2018添加和删除水印

word
word2018添加和删除水印

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

VB实现含子目录的搜寻档案

VB实现含子目录的搜寻档案

解析Java的多线程机制

解析Java的多线程机制
下拉加载更多内容 ↓