DOM - 插入节点和三个Child方法 2024-08-03 03:00:19 插入节点insertBefor(); 插入格式:父节点.insertBefor( 插入节点,旧节点 )功能:将插入的节点插入到旧节点之前举个小例子:创建一个strong节点,将这个节点插入到span节点之前我们先把封装好的函数引入进来:我们来通过上节封装的函数,来创建一个strong节点运行结果如下:在源码中可以看到,在span上添加了一个新标签为strong以上是insertBefor插入到某个节点之前那么是不是有一个元素insertAfter是插入到某个节点之后呢?很遗憾的告诉大家在DOM中是没有这个方法的!如果我们需要插入某个节点之后,就需要自己封装函数了拿上面的例子说,如果我们想要插入到em节点之后,就相当于插入整个子节点的末尾运行结果如下:我们调用这个函数就可以进行在某节点之后插入节点的操作了最后,还是不要忘了将我们封装好的函数复制到我们之前的tool.js文件中,以便以后的使用!元素节点三种Child方法1.replaceChild(); 替换节点格式:parent.replaceChild( newNode,oldNode );( 替换哪个节点,替换成谁 )功能:用newNode将oldNode替换掉举个小例子:我们要把div节点替换成strong节点运行结果如下:可以看出,div被strong替换了以上是替换节点2.cloneNode(); 克隆格式:node.cloneNode();参数:默认是false;也可以穿true,true文本一起克隆功能:克隆节点返回值:新克隆出来的节点举个小例子:如果我们想要让div在span节点上下都有,怎么操作呢?我们先来用上节的方法,将div放在span的上面:此时运行结果为:但是这样操作span的下面就没有div了,这时候就需要与克隆语句配合操作了运行结果如下:此时两个div便都存在了,但是文本并不能克隆这时候我们加上参数true试一下:运行结果如下:此时节点与文本一起克隆成功了。3.removeChild( ); 删除格式:node.parentNode.removeChild( node );//当前被删除节点node的父节点,去调用removeChild方法,将此节点node删除功能:删除节点参数:删除节点名举个小例子:将div节点删除运行结果如下:可以看出div已被删除了以上就是我们所有的元素节点的操作方法- 写作不易,大家多多关注,谢谢啦----web分享,分享的不只是web 赞 (0) 相关推荐 jQuery核心函数$的四种用法 jQuery核心函数$的四种用法 1.传入参数为 [ 函数 ] $(function () {//在文档加载完之后执行这个函数 } //此方法与window.onload = funnction(){ ... jQuery从入门到放弃 概念 jQuery 是一个高效.精简并且功能丰富的 JavaScript 工具库.它提供的 API 易于使用且兼容众多浏览器,这让诸如 HTML 文档遍历和操作.事件处理.动画和 Ajax 操作更加简 ... 4.4人教版数学八年级下册《函数的三种表示方法之间的关系》 4.4人教版数学八年级下册《函数的三种表示方法之间的关系》 老年人学手机(150)三种拍照方法的效果对比 老年人学手机(150)三种拍照方法的效果对比 遇事时最有水平的三种处理方法 人生一世,难免遇到不顺心.不如意的事情,往往处理事情的第一反应,最能反映一个人的品行.见识和修养. 遇事时,你怎么处理问题,不仅决定了事情的结果,也影响着你的人生. 有水平的处理问题和麻烦,是一个人很 ... 阳气充足,百病不生六种伤阳行为,三个升阳方法,一定要知道 野马惠祥关注2021-04-30 10:09大图模式 古人把阳气比作天空与太阳的关系,如果天空没有太阳,那么大地就是不明的,万物也不能生长.所以天地的运行,必须要有太阳.而人身的阳气,要调和才能巩固它 ... 小楷如何写出质感?这三种用笔方法必须要懂! 111 研究小楷用笔不外乎形与质两个方面: 1.形是指貌,包括方圆.藏露.曲直.长短等: 2.质是指地,包含份量.厚度.骨力.涩韵等.形贵于变化,是流露在外的形式美,质贵于朴素,是潜伏在内的质地美. ... 一看、二捋、三捏”的方法,就可以轻松找到大病阻滞点 医艾医 望闻问切识百症,针砭百草理阴阳.为学习中医爱好者搭建安全可信平台,培养更多中医优秀人才 Official Account 经络疏通过程中,对于如何寻找自己身体的凝滞点很多人还没有找到诀窍,下面 ... 孙思邈:教你三个“土方法”,轻松把阳气找回来 中医养生常说"春养阳气胜良药!" 大家去看中医时,应该都听医生说过,''你这病啊是阳气不足造成的''或是''你这个病是阳虚引起的'',可是很多人都不知道这中医口中说的阳气是什么? ... 市场上主流的三种交易方法1. 趋势... 市场上主流的三种交易方法 1. 趋势突破交易法 2. 三重滤网交易法 3. 震荡高抛低吸交易法 以上就是是现在市场中最主流的三种方法,每种方法都有自己优点缺点,每种方法又有不同的指标,工具和策略.其中 ... 学习王铎书法,有三个实用方法,用对了就能上展览 在书法史上,成功的书家其实并不多见,但是每个在书法上取得成就的人都有他自身所道理所在. 明清书法史上,王铎就是一位很有书法成就的人.他诸体皆能,风格多样,独领明清书法,成为后世所敬仰的一位书法大家. ...