html>

new document

学号 姓名 操作
xh001 王小明 删除
xh002 刘小芳 删除

var table = document.getElementById("table");

var tr = table.getElementsByTagName("tr");

window.onload = function(){

//点击添加新行,开始

var but = document.getElementsByTagName("input")[0];

but.onclick = function(){

var newtr = document.createElement("tr");

var td1 = document.createElement("td");

var td2 = document.createElement("td");

var td3 = document.createElement("td");

td1.style.height = "20px";

newtr.appendChild(td1);

newtr.appendChild(td2);

newtr.appendChild(td3);

table.appendChild(newtr);

}

//鼠标经过变色;

for (var i=0;i

tr[i].onmousemove = function(){

this.style.backgroundColor = "#f2f2f2"

};

tr[i].onmouseout = function(){

this.style.backgroundColor = "#fff";

}

}

}

// 删除当前行;

function remove(){

var a = table.getElementsByTagName("a");

for (var i=0;i

a[i].onclick = function(){

var parent = this.parentNode.parentNode;

var oldparent = parent.parentNode;

oldparent.removeChild(parent);

}

}

}

JS dom中替换或者删除某个节点都需要通过这个节点的父节点来操作的

js添加多个子节点_js添加和删除节点, 方法调用是通过子节点中的节点来添加的呢。...相关推荐

  1. JS中 forEach 方法添加属性遇到 “obj“ is not extensible 的解决方法 (不可扩展、密封、冻结的对象添加属性)

    项目中有可能会遇到not extensible的对象,这个时候我们只能拷贝一份对象,然后再我们新拷贝的对象中进行数据操作. 以下为sample代码: var copiedData = [] // 用于 ...

  2. js 转化为实体符_js转html实体的方法

    方法一: 用的浏览器内部转换器实现转换,方法是动态创建一个容器标签元素,如DIV,将要转换的字符串设置为这个元素的innerText,然后返回这个元素的innerHTML,即得到经过HTML编码转换的 ...

  3. js 正则表达式奇偶字符串替换_js正则表达式replace替换变量方法

    JavaScript正则实战(会根据最近写的不断更新) 1.javascript 正则对象替换创建 和用法: /pattern/flags 先简单案例学习认识下replace能干什么 正则表达式构造函 ...

  4. 怎么实现MindMapper中剪贴画的添加

    最有效的以及方式就是图文结合,MindMapper思维导图更是如此,我们在一幅MindMapper思维导图中插入图片,更能够刺激我们的记忆点,也使得思维导图更加生动.下面跟着本文学习怎样在MindMa ...

  5. js怎么函数怎么给另一个函数传值并且不调用_2020年最火爆的Vue.js面试题

    2020年Vue面试题 Interview ●●●● 作者:@烦恼会解决烦恼 vue核心知识--理论篇 1.对于Vue是一套渐进式框架的理解 渐进式代表的含义是:主张最少. Vue可能有些方面是不如R ...

  6. php节点对象,JavaScript_JavaScript中访问节点对象的方法有哪些如何使用,JavaScript中访问节点对象的方法 - phpStudy...

    JavaScript中访问节点对象的方法有哪些如何使用 JavaScript中访问节点对象的方法有哪些? var obj = document.getElementById('fdafda'); va ...

  7. 【解题报告】Leecode 237. 删除链表中的节点——Leecode每日一题系列

    今天是坚持每日一题打卡的第八天 题目链接:https://leetcode-cn.com/problems/minimum-operations-to-convert-number/ 题解汇总:htt ...

  8. 无线传感器网络中的节点定位技术

    无线传感器网络中的节点定位技术 无线传感器网络中的节点定位技术 本文转载,原文链接://www.cnblogs.com/dolphin0520/archive/2013/05/03/3056789.h ...

  9. 237. 删除链表中的节点【我亦无他唯手熟尔】

    237. 删除链表中的节点 请编写一个函数,用于 删除单链表中某个特定节点 .在设计函数时需要注意,你无法访问链表的头节点 head ,只能直接访问 要被删除的节点 . 题目数据保证需要删除的节点 不 ...

最新文章

  1. maya批量命名插件_教你玩转MAYA的四十二精华造诣(第一期)
  2. android系统的测试方法,运行测试  |  Android 开源项目  |  Android Open Source Project...
  3. (WCF)wcf剖析阅读小计
  4. backtrace java_在c file中打出backtrace到某个文件中
  5. C C++中关于全局变量静态变量,extern,static,const的区别与总结
  6. 4.弹性网络( Elastic Net)
  7. STM32开发 -- 烧写/启动模式
  8. java代码同时下载_java代码实现打包多个文件下载功能
  9. servlet post 返回值是一个对象_Servlet第二天
  10. 【数据结构与算法】双链表V3.0的Java实现
  11. 毕设日志5.12凌晨
  12. centos的ftp和smb被防火墙挡住了
  13. Linux 金字塔 的shell命令,shell脚本编程设计——根据输入的数输出菱形、三角形或者数字金字塔(带闪烁颜色)...
  14. 说说PMO 的工作思路
  15. linux date命令 下月,Linux date命令用法和使用技巧(获取今天.昨天.一分钟前等)
  16. linux开机禁用vga设备,用vga_switcheroo在Linux下(开启KMS)彻底关闭某一可切换显卡的简单教程...
  17. oracle11g64位怎么用sql,plsql32 位连接oracle11g64位方法
  18. Unity动画 代码加载动画,可复用
  19. JS逆向之人口流动态势
  20. 激活函数(Relu,sigmoid,Tanh,softmax)详解

热门文章

  1. 新品发布 | 无人机集群编队全套方案来啦!
  2. uniapp 微信小程序日历显示日程
  3. 远程 mysql 1045_Mysql 远程登录1045失败解决办法
  4. 2009双色球93期免费预测建辉推荐
  5. 想从事UE4开发相关工作,C++学到什么程度可以开始学习针对虚幻4的编程开发呢?
  6. 运维篇(二):git hooks之pre-receive脚本校验日志格式
  7. Java内功心法,深入解析面向对象
  8. mac安装 bundletool.jar
  9. ubuntu20开机后没声音
  10. 单体类例子 java_Java单体应用 - 项目实战(后台)