零基础建站培训介绍

当前位置:

JS学习笔记:DOM节点的删除、替换与修改

今天在学做网站论坛分享一下JS学习过程中DOM节点的删除、替换与修改的方法。

节点的删除:

removeChild [父节. removeChild(待删除的子节点)]
要站在父元素角度,先找到父元素,-----再找到子节点--------再使用removeChild()删除子元素

<script>
function t(){
var a=document.getElementsByTagName('ul')[0]; //先找到要删除的父节点
var b=a.children[1];//再找到要删除的节点
a.removeChild(b)//删除操作
}
</script>

节点的替换:

replaceChild() [父节.replaceChild(新节点,旧节点)]

先找到父元素---------再找到要替换的子节点---------再创建一个新的子节点------------再使用replaceChild()取旧替新

<script>
function t(){

var all=document.getElementsByTagName('ul')[0];//找到父元素
var old=all.children[1];//找到要替换的子元素
var xin=document.createElement('li');//创建一个li元素
var wen=document.createTextNode('中');//创建一个文本节点
xin.appendChild(wen);//将文本节点插入到li里面
all.replaceChild(xin,old); //执行替换操作
}
</script>

直接插入HTML内容:

innerHTML (它是一种属性)【它不是W3C的标准,但各大浏览器都支持,效率很高】 [插入的位置.innerHTML=插入的内容]

执行innerHTML操作时,原有节点下面的子节点会被删除。

<script>
function t(){
var a=document.getElementsByTagName('ul')[0]; //找到插入的位置
var b="<li>中</li><li>化</li><li>人</li><li>民</li>"; //将插入的内容写成一行,并赋给一个变量
a.innerHTML=b; //innerHTML是一个属性,它用=,
}
</script>
上一课: 下一课:

发表评论

邮箱地址不会被公开。 必填项已用*标注

相关教程

  • 常常有这样的场景,咱们开发出来的APP需要进行推广,比如在页面顶部来一张大Banner图片,亦或一张二维码。但往往我们都是直接给推广图片加了一个下载
  • tab切换代码介绍这是一套通过js实现的tab选项卡切换的tab选项卡代码,使用原始的JS代码,代码干净纯洁,摒弃JQUERY库的复杂代码。如果不懂代码,先
  • 输出当前日期是JS中特别基础的应用,今天我们说一下这些特别基础的应用,学习一下JS。下面是最简单易用的获取当前日期的JS代码[cce_js]<scri
  • 学习html有什么用 (120079 次浏览)
    在学习建网站过程中,需要对HTML进行学习,网站的网页就是由大量的HTML代码组成。对于我们学做网站的学员来说,如果你要编辑网页,当然是需要学习HTML
  • 课程目录 网站制作流程是什么(1214178 次学习) 什么是域名(1169782 次学习) 什么是网站空间(1159919 次学习) 什么是网站备案(1154595
  • 一、SEO新手该从哪些方面入手去学习如今,越来越多的公司开始重视网络营销,也从另一面催生了SEO这个职业,并且希望从事该职业的人也很多,那么,作
  • js变量名必须是字母,数字,下划线,$  开头不能为数字。 [cce_js]Var age=24 var name="Gates", age=56, job="CEO";[/cce_js]变
  • 今天在学做网站论坛分享一下JS学习过程中DOM节点的删除、替换与修改的方法。节点的删除:removeChild [父节. removeChild(待删除的子节点)]
  • 图片上的文字如何用ps除去呢?下面小编向大家分享一个比较简单的方法,主要运用ps中的移动工具。不过该方法对于纯色背景的文字比较好用,而处理那些复
  • 使用WORDPRESS程序建网站时,有时网站被人恶意发布一些内容,导致很多的垃圾文章,但是wordpress后台的草稿文件及回收站文件删除每页最多20篇,特别不
  • 在PHP做网站时,有时需要使用PHP去替换某个字符串中指定的字符,这时就需要使用PHP的替换代码。在PHP中,有两个函数可以实现字符串替换,str_replace
  • 大家都知道如果黑客入侵我们的网站后,他们是可以肆意的在上面搭载钓鱼页面,传播恶意软件,盗取敏感信息等,这特别不利于我们网站。垃圾内容和黑
  • 很多网站限制,需要修改图片的大小才能发布出去。很多朋友都为不知道怎么处理而苦恼。今天小编为大家分享fireworks批量修改图片存储大小方法介绍,操
  • 在使用zblog2.2的过程中,发现zblog2.2的很多主题模板都没有面包屑导航,如何给zblog2.2的主题模板添加面包屑难住了很多初学者。本文就分享给zblo