js添加删除HTML元素

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>js添加删除HTML元素</title>
</head>
<body>
<div id="ssj"><input id="s1" type="button" value="添加元素" onclick="addHTMLelement()"/><input id="s2" type="button" value="删除元素" onclick="deleteHTMLelement()"/><p id="p1">这是第一段</p><p id="p2">这是第二段</p></div>
<script>function addHTMLelement() {var parent =document.createElement('p');//创建新元素parent.id='p3';var node =document.createTextNode("新的一段");//新元素中内容parent.appendChild(node);//将该节点添加入P元素中var element =document.getElementById('ssj');element.appendChild(parent);}function deleteHTMLelement(){var parent =document.getElementById('ssj');var child  =document.getElementById('p3');parent.removeChild(child);//还可以使用child.parentNode.removeChild(child); 就可以不用找父亲节点}
</script>
</body>
</html>

js添加删除HTML元素相关推荐

js添加删除数组元素
添加元素 <script>// 1.push()在数组元素的末尾添加一个或多个数组元素 push推var arr=[1,2,3];// arr.push(4,'lxl')会返回新数组的长 ...
动态添加/删除HTML元素
动态添加/删除HTML元素 <HTML> <HEAD> <title>动态添加/删除HTML元素</title> <style type=&quo ...
js list删除指定元素_删除js数组中的指定元素，有这两步就够了
js数组是js部分非常重要的知识,有时我们有这么个需求js数组删除指定元素,先定义一个函数来获取删除指定元素索引值,然后用js数组删除的方法,来删除指定元素即可,就两步不难,很简单. 1.JS的数组对 ...
在浏览器中添加删除页面元素
在浏览器中添加删除页面元素一.添加元素确定添加元素位置,并找到容器元素. 新建一个填写内容步骤,添加填写项目,获取容器元素,填写属性为添加子元素addchild,填写内容为新元素的html代码. ...
JavaScript 添加删除数组元素
添加删除数组元素方法 1. push() 在我们数组的末尾添加一个或者多个数组元素 push 推 (1) push 是可以给数组追加新的元素 (2) push() 参数直接写数组元素就可以了 ...
js 数组删除指定元素
js 数组删除指定元素,js 数组并没有提供直接删除某一指定元素的方法,因此需要我们稍作处理思路:首先找到要删除的元素的位置,然后使用 splice 方法进行删除示例代码删除数组 s 中的 ' ...
jq添加或删除html元素,jQuery添加删除DOM元素方法详解
本文实例分析了jQuery添加删除DOM元素的方法.分享给大家供大家参考,具体如下: 介绍 DOM是Document Object Modeule的缩写,一般来说,DOM操作分成3个方面. 1.DOM ...
js array 删除指定元素_数组--学习笔记（数据结构数组 /js数组）
学习目标: 了解什么是数组: 数组如何访问内存地址(一维,二维): 什么是数组是由相同类型的元素的集合所组成的数据结构,分配一块连续的内存来存储.利用元素的索引可以计算出该元素对应的存储地址. 最简 ...
php js动态删除数组元素,javascript如何删除数组中的指定元素
js删除数组中的指定元素主要分为两步,首先判断数组中是否包含这个元素,然后再通过splice()方法来删除指定元素本篇文章主要介绍的是如何通过javascript语言对数组中的指定元素进行删除的方法 ...

js添加删除HTML元素

js添加删除HTML元素相关推荐

最新文章

热门文章