1、添加几个按钮

    <button onclick="add()">添加</button>/*onclick是鼠标事件，当鼠标单击时执行脚本*/<button onclick="del()">删除</button><button onclick="rep()">替换</button><div></div>

2、js部分

<script>function add() {var img = document.createElement("img");/*创建一个img节点*/img.setAttribute("src", "../images/1.jpg");/*设置照片里面的属性*/img.setAttribute("id", "hh");/*要设置id为了后来获取，后续操作直接通过tag对节点操作反而不行*/var div1 = document.getElementsByTagName("div");div1[0].appendChild(img);}/*往div里面添加子节点img 要注意这里的数组要告诉它选择第几个div*/function del() {var img = document.getElementById("hh");/*先获得img标签要么使用id要么使用clas*/img.parentNode.removeChild(img);/*必须通过父亲节点删除子节点*/}function rep() {var img = document.getElementById("hh");/*先获得img标签要么使用id要么使用clas*/img.setAttribute("src", "../images/R-C.jpg");/*设置src属性需要替换的图片*/}</script>

注：替换部分只是其中一个方法，通过修改元素属性替换，还可以通过替换节点方式替换。

js添加、删除、替换节点相关推荐

【MOS】OCR/Vote disk 维护操作: (添加/删除/替换/移动) (文档 ID 1674859.1)
[MOS]OCR/Vote disk 维护操作: (添加/删除/替换/移动) (文档 ID 1674859.1) 文档内容目标解决方案准备磁盘 1. 磁盘大小 2. 裸设备或者块设备 ...
js添加删除HTML元素
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...
redis cluster中添加删除重分配节点例子
redis cluster中添加删除重分配节点例子作者:用户来源:互联网时间:2016-05-05 10:22:27 摘要: 本文讲的是redis cluster中添加删除重分配节点例子, re ...
JS添加多个子节点的方法
JS 利用数组一次创建多个元素 function createLi(createArr) { // 一次创建多个元素let newdata = {}for(let i = 0; i < crea ...
js添加多个子节点_js添加和删除节点，方法调用是通过子节点中的节点来添加的呢。...
html> new document 学号姓名操作 xh001 王小明删除 xh002 刘小芳删除 var table = document.getElementById("t ...
JavaScript 学习-37.jQuery 添加/删除/替换元素
前言通过 jQuery,可以很容易地添加和删除元素. 添加元素添加元素主要用到四个方法 append() - 在被选元素的结尾插入内容 prepend() - 在被选元素的开头插入内容 after ...
redis cluster 添加删除重分配节点
redis cluster配置好,并运行一段时间后,我们想添加节点,或者删除节点,该怎么办呢. 一,redis cluster命令行 //集群(cluster) CLUSTER INFO 打印集群的信 ...
CDATA C#操作XML（无命名空间），添加/删除/编辑节点
xml文件<?xml version="1.0" encoding="utf-8"?> <Books> <Book ID=&quo ...
【Redis】redis cluster 添加删除重分配节点
一,redis cluster命令行 //集群(cluster) CLUSTER INFO 打印集群的信息 CLUSTER NODES 列出集群当前已知的所有节点(node),以及这些节点的相关信息. ...
js添加多个子节点_javascript如何创建子节点
学习完HTM年据业会效近轻业务进果近轻业务进果近轻业L+css后,我并没有直接去学习HTML5和css3,而是开始学习JavaScript,现在就是jQuery基础也懂一点,js也懂一点,css3也懂 ...

js添加、删除、替换节点

1、添加几个按钮

2、js部分

js添加、删除、替换节点相关推荐

最新文章

热门文章

js添加、删除 、替换节点

1、添加几个按钮

2、js部分

js添加、删除 、替换节点相关推荐

最新文章

热门文章

js添加、删除、替换节点

js添加、删除、替换节点相关推荐