js删除指定html及子标签,js中如何删除某个元素下面的所有子元素?(两种方法)...

js中如何删除某个元素下面的所有子元素?(两种方法)

一、总结

方法一:通过元素的innerHTML属性

元素element.innerHTML="";

方法二:通过元素的removeChild方法

子元素element.parentNode.removeChild(子元素element);

二、js中如何删除某个元素下面的所有子元素?

问题1:

js删除一个父元素下面的所有子元素

比如

111111

22222

31232

而如果想删除其中的一个应该如何做

解答1:

document.getElementById("ok").innerHTML = "";

用jquery的话更方便

问题2:

js中怎么删除一个标签及其标签下的所有内容?

  • aaaaa

    aaa111

  • bbbbb

    bbb111

怎么用代码删除后变成一下效果!

  • aaaaa

    aaa111

解答2:

var elem=document.getElementById('xh2');// 按 id 获取要删除的元素

elem.parentNode.removeChild(elem);// 让 “要删除的元素” 的 “父元素” 删除 “要删除的元素”

三、测试题-简答题

1、我要删掉某个标签的所有孩子,然后新加一个新的孩子,也就是将原来的所有孩子替换为一个新的孩子,那么我的操作是什么?

解答:直接获取元素对象,然后innerHTML=孩子标签的html。这个是innerHTML,而不是innerText,说明里面就是HTML。

2、如何获取一个节点的父亲节点的element?

解答:先获取这个节点的element,然后elem.parentNode即可。

3、一个节点如何移除自己的某个孩子?

解答:element.removeChild(孩子的element)。

(网页)angular中实现li或者某个元素点击变色的两种方法(转)

转自脚本之家: 本篇文章主要介绍了angular中实现li或者某个元素点击变色的两种方法,非常具有实用价值,需要的朋友可以参考下 本文介绍了angular中实现li或者某个元素点击变色的两种方法,分享 ...

SQL Server中灾难时备份结尾日志(Tail of log)的两种方法

转自:http://www.cnblogs.com/CareySon/archive/2012/02/23/2365006.html SQL Server中灾难时备份结尾日志(Tail of log) ...

在Activity中响应ListView内部按钮的点击事件的两种方法!!!

在Activity中响应ListView内部按钮的点击事件的两种方法 转载:http://www.cnblogs.com/ivan-xu/p/4124967.html 最近交流群里面有人问到一个问题: ...

C#统计给定的文本中字符出现的次数,使用循环和递归两种方法

前几天看了一个.net程序员面试题目,题目是”统计给定的文本中字符出现的次数,使用循环和递归两种方法“. 下面是我对这个题目的解法: 1.使用循环: /// /// 使 ...

Js类的静态方法与实例方法区分以及jQuery如何拓展两种方法

上学时C#老师讲到对象有两类方法,静态方法(Static)和实例方法(非Static),当时不理解静态是为何意,只是强记. 后来从事前端工作,一直在对类(即对象,Js中严格来说没有类的定义,虽众所周知 ...

在Activity中响应ListView内部按钮的点击事件的两种方法

转载:http://www.cnblogs.com/ivan-xu/p/4124967.html 最近交流群里面有人问到一个问题:如何在Activity中响应ListView内部按钮的点击事件,不要在 ...

JS中判断某个字符串是否包含另一个字符串的五种方法

String对象的方法 方法一: indexOf()   (推荐) ? 1 2 var str = "123" console.log(str.indexOf("2&qu ...

Easy-UI中datebox的默认显示当前日期的最简单的两种方法

在中有一个Today按钮就是实现显示当前日期,所以我们在src/jquery.datebox.js文件中可以找到currentText:'Today'.所以我们可以使用'currentText'和'T ...

windows系统中,在当前目录下打开cmd命令行的两种方法

1.在当前路径地址栏中直接输入‘cmd’,然后回车. 2.在当前路径下,按住‘shift’键同时点击鼠标右键,点击“在此处打开Powershell”. 其实你会发现,两个命令行有很大的区别. cmd: ...

Android中Intent传递对象的两种方法(Serializable,Parcelable)

今天要给大家讲一下Android中 Intent中如何传递对象,就我目前所知道的有两种方法,一种是Bundle.putSerializable(Key,Object);另一种是 Bundle.putP ...

随机推荐

【swift学习笔记】六.访facebook登录页面

代码最下边有下载地址. 做这个demo的主要心得就是自适应所有的屏幕,要先布局大的框架,再一步一步设置小的细节. 看一下效果 再看一下自动适应所有屏幕的效果: keyboard打开时整个frame上移 ...

iTunes使用总结

UDID查询 将设备连接至电脑,打开iTunes至设备摘要页面,鼠标点击"序列号"区域切换显示UDID

跟我学Windows Azure 四 Cloud Service中的WebRole与WorkRole,及他们之间的通信

Cloud Service 中WebRole就相当与我们的WebSite,而WorkRole相当与我们在服务器上写了个Windows Service,站在高可用的角度上来讲,Cloud Service ...

win commands

wmic process where name="explorer.exe" delete 我想你问得应该是运行命令吧!我查了,没有,你自己参考一下:Windows常用命令集 wi ...

Linux VM acquisition

The evidence is a VM as below. The flat vmdk is the real disk, and the vmdk only 1kb is just a descr ...

Spring3 MVC请求参数获取的几种方法

Spring3 MVC请求参数获取的几种方法 一.      通过@PathVariabl获取路径中的参数 @RequestMapping(value="user/{id}/{name}&q ...

判断系统是64位还是32位的bat方法

if "%PROCESSOR_ARCHITECTURE%"=="x86" goto x86 if "%PROCESSOR_ARCHITECTURE%& ...

B. Menci 的序列

题解: 首先subtask1直接状压暴力就好 subtask2我的处理和题解不太一样 仍然正向考虑 设i的时候有最高位为j,那么这个时候数一定越大越好(这个比较好yy) 然后$f[i][j]$搞个高精 ...

ABP中的拦截器之ValidationInterceptor(上)

从今天这一节起就要深入到ABP中的每一个重要的知识点来一步步进行分析,在进行介绍ABP中的拦截器之前我们先要有个概念,到底什么是拦截器,在介绍这些之前,我们必须要了解AOP编程思想,这个一般翻译是面向 ...

算法之LOWB三人组之冒泡排序

排序 冒泡排序(Bubble Sort)时间复杂度为O(n^2) 列表每两个相邻的数,如果前面比后面大,则交换这两个数 一趟排序完成后,则无序区减少一个数,有序区增加一个数. def bubble_s ...

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值