`
maomaozgc
  • 浏览: 333848 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

如何删除dom标签元素

jQuery 
阅读更多
问题：
    如何删除dom标签元素？

解决方案：

....
<script type="text/javascript" src="jquery-1.2.6.js"></script>
<script type="text/javascript">
function removeP(){
var component = document.getElementsByTagName("p")[1];
alert(typeof component);
        component.parentNode.removeChild(component);
//document.body.removeChild(document.getElementsByTagName('p')[1]);
//$($("p")[1]).remove();//jquery 方案

}
 
</script>
</head>
<body>
<p>1</p>
<p>2</p>
<p onclick="removeP();">3</p>
</body>
分享到：
| css 兼容
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    JavaScript获取HTML DOM节点元素的方法的总结

    例如，`document.getElementsByTagName('A')`将返回页面上所有的`&lt;a&gt;`标签元素。在处理大量元素时，这个方法可能不如`getElementById`高效，但它提供了更多的灵活性。 ### 二、通过父节点获取子节点 #### 1. `...

    DOM对标签的增删改

    总的来说，这篇博客文章可能会介绍DOM的基本概念，提供关于如何使用DOM API进行元素操作的教程，包括增加、删除和修改HTML标签的步骤，同时可能还会涉及到性能优化和最佳实践。通过阅读这个博客和研究给出的示例文件...

    可配置的本地DOMUI元素挑选

    这通常通过编写JavaScript代码实现，利用DOM API来创建、修改或删除DOM节点，并添加自定义事件监听器。这样的灵活性使开发者能够构建更加交互性和个性化用户体验的Web应用。 在"JavaScript开发-其它杂项"这个标签下...

    Jquery方式获取iframe页面中的 Dom元素

    为了获取iframe中的DOM元素，我们可以通过jQuery来实现这一目标。在具体的实现过程中，需要注意iframe中的内容必须和主页面出于同一个域中，否则会受到浏览器同源策略的限制，无法获取到其中的DOM元素。这是因为...

    JS操作DOM元素属性和方法大全

    - `getElementsByTagName`: 通过标签名获取元素集合。 - `querySelector`: 获取匹配CSS选择器的第一个元素。 - `querySelectorAll`: 获取匹配CSS选择器的所有元素。 2. **创建和插入元素** - `createElement`: ...

    头歌教学实践平台 Web前端开发基础 JavaScript学习手册十四：HTML DOM-文档元素的操作（二）

    DOM操作还包括添加、删除和修改元素。`createElement()`创建新的元素，`appendChild()`或`insertBefore()`用于将新元素插入到文档中。例如，`var newElement = document.createElement('div'); document.body....

    使用DOM4J对XML文件操作-添加、修改、删除、获取元素节点

    在本教程中，我们将深入探讨如何使用DOM4J来执行基本的XML操作，包括添加元素、修改元素、删除元素以及获取元素节点。 1. **添加元素节点** 在DOM4J中，添加元素节点通常涉及创建一个新的`Element`对象，然后将其...

    js基础之DOM中元素对象的属性方法详解

    本文将对JavaScript中关于DOM（文档对象模型）元素对象的属性和方法进行详细解析。DOM是用于表示和交互HTML或XML文档的API，它是JavaScript中最为重要的组成部分之一，允许我们通过脚本来读取、修改和删除文档内容、...

    JavaScript DOM元素常见操作详解【添加、删除、修改等】

    元素节点代表文档中的标签元素，比如HTML文档中的`&lt;body&gt;`、`&lt;p&gt;`等；属性节点代表元素节点的属性，例如`id`、`class`；文本节点代表元素或属性中的文本内容。DOM为这些节点提供了访问和操作的接口。 ### 获取DOM...

    在vue中获取dom元素内容的方法

    在实际开发中，使用 ref 属性获取 DOM 元素内容可以解决很多问题，例如，获取某个元素的尺寸、位置、样式等信息，或者对某个元素进行操作，例如，动态地添加或删除元素等等。 此外，使用 ref 属性获取 DOM 元素内容...

    JS添加或删除HTML dom元素的方法实例分析

    JavaScript提供了多种方式来添加和删除DOM元素，这些操作对于实现如用户交互、动态内容加载等功能至关重要。接下来，我们将详细探讨JavaScript添加和删除HTML DOM元素的方法，并结合实例进行分析。 ### 创建DOM元素...

    javaScript 生成DOM 对象（html标签）.rar

    JavaScript通过DOM API提供了一系列方法和属性，让我们能够创建、查找、修改和删除这些节点。 生成DOM对象主要有两种方式：一是使用`document.createElement()`方法，二是利用innerHTML属性。`document....

    domtab标签.zip

    文件中通常会包含一个容器元素，用于放置DOMTab组件，以及一组标签页和对应的标签内容。HTML结构可能如下： ```html &lt;div id="domtab-container"&gt; &lt;ul class="domtab-nav"&gt; &lt;li&gt;&lt;a href="#tab1"&gt;标签1&lt;/a&gt;&lt;/li&gt; ...

    跨frame操作dom元素

    在Web开发中，DOM（Document Object Model）是HTML和XML文档的一种结构化表示，它允许程序和脚本动态更新、添加、删除以及修改页面上的元素。"跨frame操作DOM元素"是一个重要的技术主题，尤其在处理多框架网页时。...

    jQuery使用正则表达式替换dom元素标签用法示例

    在本文中，我们将深入探讨如何使用jQuery结合正则表达式来替换DOM（文档对象模型）元素的标签。这在需要进行大规模DOM结构调整或者统一元素样式时非常有用。 首先，我们要了解jQuery的核心功能是操作DOM。`$("#abc...

    探析在jQuery框架下操作HTMLDOM元素.pdf

    ·基本选择器，根据id值、class类、标签元素等进行选择，如$(”#name”)选择id值为name的元素；$(”div”)选择所有的div标签元素。 ·层叠选择器，如$(”form input”)选择所有的form元素中的input元素；$(”A &gt;B”...

    根据DOM将html转为canvas图片格式

    - 这个Data URL实际上就是一个base64编码的图片，可以直接插入到`&lt;img&gt;`标签的`src`属性中，或者发送到服务器。 7. 性能优化： 大型复杂的HTML页面转换可能会有性能问题，因为HTML2Canvas需要遍历整个DOM并进行...

Magicbox
Global site tag (gtag.js) - Google Analytics