JavaScript
关注
分享
扫一扫
he太菜了
Java后端的小白一个，希望大家多指教。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
黑马程序员-动态表格（升级版）
黑马程序员-动态表格（升级版）首先，感谢大家的支持。话不多说，下面进入正题。相信大家都已经敲过了动态表格，有没有感觉到代码冗余太多，一不小心就敲错了，今天来给大家分享一下简化的方式，首先看下整体效果：分析：前面提到的方法，主要就是重复的代码太多。 尤其是在不停的创建节点解决：利用HTML DOM对象先来获取输入框的内容 将输入框的内容直接添加到table末尾先来看下添加部分的代码：<!-- 添加 --> var addbt.原创 2020-12-28 17:55:33 · 350 阅读 · 1 评论 -
黑马程序员-动态表格（删除部分）
黑马程序员-动态表格（删除部分）1.思路整体：运用html、css、javascript实现动态表格（增加、删除功能）。获取a标签 执行删除操作2.通过网页效果以及html代码可知，单独获取a标签有点困难。因此直接给a标签加上属性onclick,通过调用删除方法即可执行删除操作3.删除方法：很明显只需要把a标签对应的tr删除即可。可以通过a标签的父节点..查找到table。同理查找tr标签。最后用removeChild()方法删除tr：即：table.removeChild(tr.原创 2020-12-27 17:38:53 · 703 阅读 · 2 评论 -
黑马程序员-动态表格（添加部分）
黑马程序员-动态表格（添加部分）1.先看下整体效果：2.思路整体：运用html、css、javascript实现动态表格（增加、删除功能）。展示出静态页面 获取“添加”按钮 绑定事件 创建td标签 获取输入框内容 将输入框内容添加到td标签中 创建tr标签 将td标签添加到tr中 获取table 将tr添加到table中 <!DOCTYPE html><html lang="en"><head> <meta c.原创 2020-12-27 15:10:38 · 572 阅读 · 4 评论