删除已有的 HTML 元素

如需删除 HTML 元素,您必须清楚该元素的父元素:

实例

This is a paragraph.

This is another paragraph.

var parent=document.getElementById("div1");

var child=document.getElementById("p1");

parent.removeChild(child);

例子解释

这个 HTML 文档包含一个带有两个子节点(两个

元素)的

元素:

This is a paragraph.

This is another paragraph.

查找 id="div1" 的元素:

var parent=document.getElementById("div1");

查找 id="p1" 的

元素:

var child=document.getElementById("p1");

从父元素中删除子元素:

parent.removeChild(child);

提示:能否在不引用父元素的情况下删除某个元素?

很抱歉。DOM 需要了解您需要删除的元素,以及它的父元素。

这里提供一个常用的解决方法:找到您需要删除的子元素,然后使用 parentNode 属性来查找其父元素:

var child=document.getElementById("p1");

child.parentNode.removeChild(child);

html dom手机版,HTML DOM - 元素相关推荐

  1. JavaScript知识点整理(十三)- DOM -(2)操作元素

    目录 一.改变元素内容 1.1 innerText 和 innerHTML 区别 二.常用元素的属性操作 2.1 案例练习 - 修改元素属性 src 2.2 案例练习 分时显示不同图片,显示不同问候语 ...

  2. JavaScript脚本语言 -DOM - 事件基础与操作元素细节

    文章目录 事件基础(三要素) 1.事件源 2.事件类型 3.事件处理程序 处理事件思路(代码举例) 常见的鼠标事件 操作元素(DOM核心) 改变元素内容(innerText) 案例1 案例2 改变元素 ...

  3. VC6中用DOM遍历网页中的元素

    VC6中用DOM遍历网页中的元素 2005-4-21 6:56:47 作者:模板天下收集整理 来源:未知 网友评论 0 条 论坛286 一.摘要 在我们编写的程序中,如果想要实现对浏览器打开的网页进行 ...

  4. HTML DOM文档对象查找元素的方法

    一.HTML DOM 节点 在 HTML DOM (Document Object Model) 中 , 每一个元素都是 节点: 文档是一个文档节点. 所有的HTML元素都是元素节点. 所有 HTML ...

  5. java dom 获得子元素_在JavaScript中删除DOM节点的所有子元素

    我将如何删除JavaScript中DOM节点的所有子元素? 说我有以下(丑陋的)HTML: hello world 我抓住了我想要的节点,如下所示: var myNode = document.get ...

  6. 《jQuery Cookbook中文版》——1.9 根据当前上下文遍历DOM获得新的DOM元素集

    本节书摘来自异步社区<jQuery Cookbook中文版>一书中的第1章,第1.9节,作者:[美]jQuery社区专家组 译者:姚军 , 孙博更多章节内容可以访问云栖社区"异步 ...

  7. 为什么jQuery或诸如getElementById之类的DOM方法找不到元素?

    本文翻译自:Why does jQuery or a DOM method such as getElementById not find the element? What are the poss ...

  8. html选择按键点击后锁死输入框_js Dom为页面中的元素绑定键盘或鼠标事件

    html鼠标事件 onload 页面加载 onclick 鼠标单击 onmouSEOver 鼠标移入 onmouSEOut 鼠标移出 onfocus 获取焦点 onblur 失去焦点 onchange ...

  9. DOM对象,控制HTML元素

    认识DOM 文档对象模型DOM(Document Object Model)定义访问和处理HTML文档的标准方法.DOM 将HTML文档呈现为带有元素.属性和文本的树结构(节点树). 节点属性: 遍历 ...

最新文章

  1. poj2409(纯Polya定理)
  2. 一个浏览器插件,测试xpath的工具
  3. 【NLP】授人以渔:分享我的文本分类经验总结
  4. android MPV架构快速实现,不是所有的MPV都叫GL8,一体化智能座舱体验来袭
  5. C++纯虚函数与抽象类
  6. java混淆工具zelix比较_vscode,java环境
  7. LSTM及其改进用于视觉任务中
  8. 参加了博客园北京俱乐部4月4日的活动-Nice
  9. C# 如何判断系统是64位还是32位
  10. DPDK编程指南 (1 --3)
  11. kappa一致性检验教程_诊断试验的一致性检验-Kappa
  12. 使用Dumuz淘宝订单批量插旗备注
  13. O2O商业模式目前的状态需看透什么?未来会呈现怎样的特征?
  14. bd-rate的计算
  15. H2 数据库怎么导出和导入
  16. debian无法使用ifconfig
  17. Python学习-操作列表
  18. yii2-elasticsearch(3)yii2 elasticsearch 的初步尝试
  19. 南师大计算机专业导师,南京师范大学硕士生导师名单
  20. adb按键精灵_自动点击器adb版最新版下载|自动点击器adb版安卓版下载 v1.0.5 - 跑跑车安卓网...

热门文章

  1. Python 爬虫6——Scrapy的安装和使用
  2. Sublime Text 3配置与vim模式(待完整)
  3. mysql中怎样查看和删除唯一索引
  4. [转]学习object-c,补习一下指针
  5. 面试问题(工作动机、个人愿望 )
  6. 尝试从远程计算机访问Web服务不显示调用按钮
  7. c语言:最长对称子串(3种解决方案)
  8. 推荐召回体系化建设与排序优化实践
  9. 【选手分享】你想知道的比赛思路这里都有!速查收!
  10. LEBERT:基于词汇增强的中文NER模型