DOM
关注
分享
扫一扫
文章平均质量分 58
s_meng_
一名正在努力学习前端的快乐崽崽。
欢迎志同道合的朋友和我一起交流，我会在这里分享自己所学到的知识，也算是给自己做的另一份笔记吧，让自己学到的知识能得到一个输出。我也希望有和我一样正在学习的朋友一起交流，能够一起加油打气，学习是枯燥的，但分享不是，期待你与我一起分享自己所学的。
若你想和我交流，可以加我的联系方式：
微信：tuan-zi-1314
Q Q：1419148453
邮箱：mneg.20200606@gmail.com
展开
-
获取——操作——元素
文章目录获取元素通过ID获取元素通过类名获取元素通过标签获取元素通用获取元素获取特殊的元素(html. body)获取和修改属性获取属性修改属性两种方法的区别移除属性节点操作获取节点节点的属性值获取父节点获取子节点获取兄弟节点创建节点添加节点删除节点复制节点案例案例一: 留言板案例案例二: 动态表格获取元素通过ID获取元素document.getElementById('ID选择器');通过类名获取元素document.getElementByClassName('类选择器');通过标签获取元素原创 2021-07-15 20:35:21 · 1049 阅读 · 0 评论 -
JavaScript案例分享——校园点名系统
前言：有时候我也挺佩服我这沙雕的大脑，明明敲了很长时间的代码，晚上超级瞌睡时，躺在床上居然睡不着了。总能想写莫名其妙的东西，这个点名系统是我也不知道起因是什么想出来的，当时想到了，就直接用备忘录记录下来，怎么实现，用那些知识点去实现，都能想出来。但有时可能会与我想象的不一样，这些需要在代码实现的过程中一点一点修改。本来对于CSS的样式，我也想过美化的好看点，奈何审美有限，在测试的颜色中，完了之后发现挺协调的，也就懒得再去修改了。这个案例不是太难，主要就锻炼DOM的添加元素，获取原创 2021-06-16 22:37:43 · 1420 阅读 · 13 评论 -
JavaScript案例——红绿灯
前言：大概快2周没写博客了，今天来更一下吧，今天更新的是一个小案例。今天在腾讯云申请了一个免费的服务器，然后域名正在购买中，接下来我会把我自己做的一些小案例放在上边，欢迎大家来测试，然后提出修改意见。如果有大佬做项目愿意带我的也可以通过主页或者私信联系我，如果你和我一样是初学者，想找人一起做项目的，也可以找我。如果你是学生，自己的网页设计作业不想写，也可以找我，我可以代写，当然，这个代写是有偿的，一方面我想锻炼自己的技术，另一方面也能赚点零花钱。原理：这个案例是我有天晚上睡不着，然原创 2021-06-15 23:20:34 · 2617 阅读 · 13 评论 -
精灵随着鼠标的移动而移动
让图片随着鼠标的移动而移动，我们先使用事件对象e.pageX，e.pageY来获取鼠标的坐标，然后将鼠标的坐标传递给图片定位的位置，就能实现图片随鼠标一起移动。直接上代码，其实挺简单的。里边有注释。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">原创 2021-06-06 22:55:25 · 283 阅读 · 0 评论 -
DOM总结
DOM我看视频看完了，然后就在这里做个总结吧。文章目录DOM是什么？伪数组获取元素通过id获得元素通过类名（class）获得元素通过标签获得属性通用型的获取元素的方法document.querySelector()获取所有的匹配元素获取特殊的元素（body、html）获取属性获取元素自带属性获取自定义属性修改属性修改元素自带属性的值修改自定义属性的值移除属性元素节点nodetype获取节点获取文本节点的内容修改文本节点内的内容创建节点创建元素节点将创建的节点插入某个文档的节点树中事件注册事件（绑定事件.原创 2021-06-05 21:56:26 · 336 阅读 · 0 评论 -
JavaScript基础结束——向新的内容出发
这周不知道怎么回事，开始变得有点堕落，学习计划作出了安排，却不想去学习。现在js基础也过完了一遍，开始DOM的学习了，接下来的主要学习就是跟着视频敲案例，我也不知道该怎么分享了。之后我会结合案例来进行分享吧，有什么做错的地方欢迎各位大佬指正。当然，可能也很少有大佬来看吧，我就把这个平台当成自己笔记和自己学习所输出的地方吧，接下来也要重新调整心态，更好的去面对自己的学习计划，让自己能以更加积极的态度去学习。让我们一起加油吧！文章目录API和web API事件处理DOM修改元素的内容in原创 2021-05-31 22:49:26 · 274 阅读 · 5 评论 -
JavaScript 学习笔记的分享
这几天把自己的学习计划制定了一下，也算是给了自己一个大致的方向，有些计划做了细致的划分，有些是自己暂时还没想好的，对于数学和英语，我有种莫名的恐惧，害怕自己做不好，也就导致暂时没有计划，还有一点，这两样完全是0基础，所以我在考虑自己将来要不要升本，不论是否升本，英语是肯定要学的，最近也买了基础的课程，准备开始进入自己的学习计划当中了。对于这些大致的学习计划只是给了自己一个可以努力的方向，其中一些计划我也会随着时间的变化，和学习的进度进行修改，细致的计划我会每天晚上做出第二天的计划，第二天的晚上再来根据当天原创 2021-05-23 16:20:30 · 199 阅读 · 5 评论 -
JavaScript的属性获取与修改
获取属性getAttribute，只有一个参数，用来获取打算查询的属性名字。object.getArrtibute(attribute)。修改元素的属性值：setAttribute("属性"， value)，将属性值修改为后边的值晚上看书做了一个简单的案例，在一个页面中设置超链接，当点击超链接时，图片在当前页面显示，不跳转到另一个页面。首先，需要一个列表，或者别的代表物需要一个占位符，将点击链接时显示的图片在占位符中显示获取连接的地址将占位符的地址修改为点击链接的地址修改链接的默认属性，让其原创 2021-05-18 23:09:16 · 279 阅读 · 0 评论