JavaScript DOM编程、事件

最新推荐文章于 2023-12-24 21:07:47 发布
最新推荐文章于 2023-12-24 21:07:47 发布
阅读量198 收藏
点赞数
分类专栏： 学习笔记 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/dislido/article/details/76804891
版权

Element 对象

获取DOM元素对象

getElementById()
getElementsByName()
getElementsByTagName()
getElementsByClassName()

查看/修改属性

getAttribute('属性名')
setAttribute('属性名', '属性值')
style.color = 'red'
attributes

获取相关元素

  • 父元素
    • parentNode
  • 子元素
    • childNodes
    • firstChild
    • lastChild
    • firstElementChild
    • lastElementChild
  • 相邻元素
    • previousSibling
    • nextSibling
    • previousElementSibling
    • nextElementSibling

添加节点

document.createElement() 创建一个节点
e.cloneNode() 复制e
e.appendChild() 在e末尾添加节点
e.insertBefore(c, p) 在e中的p节点前添加c节点

删除和替换节点

removeChild(e) 删除节点e
replaceChild(new, old) 用new节点替换old节点

事件

鼠标事件

click
dbclick
mousedown
mousemove
mouseout
mouseover
mouseup

键盘事件

keydown
keypress
keyup

HTML事件

load
unload
select
change
focus
submit
reset
resize
scroll

dislido
关注
专栏目录
JavaScript DOM编程
weixin_62270300的博客
03-02 789
目录 一、什么是DOM? 二、动态改变文档内容的原理 三、Element常用属性 四、常用方法 1.创建和增加节点的方法 2.删除和替换节点的方法： 3.其他方法 五、使用JS操作表格 总结： 一、什么是DOM? 文档对象模型（Document Object Model） 通过DOM可以动态改变文档内容 二、动态改变文档内容的原理 解析文档（如HTML）并生成DOM树 通过DOM标准接口+编程语言改变文档内容 解析文档生成DOM树的过程 .
JavaScriptDOM编程艺术（第2版）PDF版本下载.txt
07-17
根据提供的文件信息，我们可以推断出这是一本关于JavaScript DOM编程技术的书籍——《JavaScript DOM编程艺术（第2版）》。尽管实际书籍内容并未给出，但从标题、描述及部分链接信息来看，这本书主要涉及JavaScript...
《JavaScript DOM 编程艺术》-- 总结
m0_61535378的博客
10-05 646
今天看完了JavaScript DOM 编程艺术，大概是用了三个星期的时间陆陆续续看完的。这本书关于JavaScript的知识点不多，但是展现的确实和标题一样，着重的是结构分离和平稳退化的思想，对于刚入门的新手，可以很好地建立良好的编程意识。下面总结一下。
JavaScript：DOM事件
最新发布
盒马的博客
12-24 1567
讲解JavaScript中的事件，包括事件监听，事件冒泡，事件委托等技巧
谈谈 《 JavaScript - DOM编程艺术 》这本书
世界和我们都不该止步于此
02-17 629
好吧，现在已经2023年了，对于这本书（第二版）来说可能有点老了，这本书不是很难理解，但也不是很适合新手读，当然，这本书并不是百宝书 📕 ，它更注重于编程的规范与思路、用户的体验、实战演练，并且我在这本书中学到了不少东西，我决定将这些知识分享出来。
【JavaScript】1.4 事件和DOM操作
Andy0214的专栏
11-13 2788
事件和DOM操作是JavaScript中非常重要的概念。通过理解和使用事件和DOM操作，我们可以创建动态的、交互式的网页。在接下来的章节中，我们将深入学习更多关于JavaScript的知识。希望你在学习的过程中能够找到乐趣，并且通过学习JavaScript，开启你的编程之旅！
JavaScript与DOM编程
寻梦&之璐
05-05 6230
文章目录JS简介常量与变量 JS简介 JS是一种在浏览器中运行的解释性脚本语言。JS是由ES（ECMAScript），DOM（文档对象模型），BOM（浏览器对象模型）组成 ECMAScript 6.0（简称 ES6）是JavaScript语言的下一代标准，已经在2015年6月发布。它的目标是使得JavaScript语言可以用来编写复杂的大型应用程序，称为企业级开发语言 Node.js是一个基于Chrome V8引擎的JavaScript运行环境，是让JS运行在服务端的开发平台，它使得JS成为与PHP，Py
JavaScript-DOM编程
qq_46096136的博客
09-30 7321
那么邮箱地址的正则表达式和邮箱地址进行匹配，能匹配成功，表示合法，反之表示不合法。第三：要能够独立的从网络当中搜索到你想要的正则表达式（搜索能力要有）[a-zA-Z0-9]{3,} 前面这堆中的任意字符至少出现3个。注意：数量永远匹配的都是前面的那个字符出现的次数。\W 匹配任意不是字母，数字，下划线，汉字的字符。[a-z]{1} a到z所有的字符中的任意1个。正则表达式是有一堆特殊的符号组成的一个表达式。[1-9] 没有指定数量的时候，默认是1个。其实在JS中，字符串String也是支持正则表达式的。
JavaScript DOM编程艺术简略笔记
小賀のBlog
03-28 849
JavaScript DOM编程艺术一书的简略重点笔记
JavaScript-DOM编程艺术
qq_44572030的博客
12-06 341
JavaScript-DOM编程艺术 1,document.getElementById / getElementsByClassName / getElementsByTagName 2,object.getAttribute() object.setAttribute(attribute,value) 3,nodeType节点{元素节点：nodeType === 1 属性节点：nodeType === 2 文本节点：nodeType === 3 } 4,nodeValue 5,firstChild();
JavaScript DOM编程艺术(第2版)
qq_32936643的博客
08-30 426
JavaScript DOM编程艺术(第2版)pdf电子版网盘下载链接： https://u18278754.ctfile.com/fs/18278754-307029636
随书光盘+PDF JavaScript DOM编程艺术(第2版)-源代码2.5MB PDF114MB .zip
06-17
JavaScript DOM编程艺术(第2版)是一本深受开发者欢迎的书籍，主要涵盖了JavaScript语言在Web前端开发中的应用，特别是关于DOM（Document Object Model）的深入理解和实践。这本书的随书光盘包含了源代码和PDF电子版...
JavaScript DOM编程艺术(第2版pdf)+源代码
02-26
JavaScript DOM编程艺术(第2版)是一本深受程序员喜爱的JavaScript技术书籍，专注于讲解如何使用JavaScript与Document Object Model（DOM）进行交互。DOM是Web页面的结构化表示，它允许我们通过编程方式操纵HTML和XML...
JavaScript DOM编程艺术源代码
10-06
【JavaScript DOM编程艺术】是一本深受开发者欢迎的书籍，它主要介绍了如何使用JavaScript语言来操作和改变网页的Document Object Model（DOM）。DOM是HTML和XML文档的结构化表示，允许我们通过编程方式来访问和修改...
JavaScript DOM编程艺术【第2版&高清】.pdf
10-26
要精通DOM编程，首先要对JavaScript语言本身有足够的理解，包括变量、数据类型、运算符、函数、对象、事件等基础知识。 2. DOM概念：DOM（Document Object Model）是一个跨平台和语言独立的接口，允许程序和脚本...
java 8 实现简单的Servlet路由
dislido的博客
09-11 4874
使用注解方式创建Servlet类，doGet方法转向doPost方法 @WebServlet("/svc/*") public class MyServlet extends HttpServlet { @Override protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws Ser
Kotlin Servlet
dislido的博客
09-06 1007
在项目中选中kotlin支持，其余准备工作与java完全相同创建Servlet类ktTest.HelloKtclass HelloKt : HttpServlet() { override fun doGet(req: HttpServletRequest?, resp: HttpServletResponse?) { resp?.contentType="text/html
Kotlin I/O操作
dislido的博客
09-01 811
Kotlin使用java原本的java.io库进行I/O操作并对其进行了扩展 fun main(vararg a:String) { val file = FileInputStream("test.txt") val data = ByteArray(1024) while (fis.read(data) != -1) { val s = String(d
Kotlin 类 对象 函数
dislido的博客
08-21 506
类定义类使用class声明类class Invoice { }// 如果一个类没有类体，可以省略花括号。 class Empty构造函数在 Kotlin 中的一个类可以有一个主构造函数和一个或多个次构造函数。 主构造函数是类头的一部分：它跟在类名（和可选的类型参数）后。 直接调用构造函数来创建类的实例，Kotlin中没有new关键字// 主构造函数写在类名后 class Class1 const
JavaScript DOM编程艺术探索
在学习JavaScript DOM编程艺术时，不仅需要掌握JavaScript基础语法，还要理解DOM的结构和API，包括如何获取和修改元素、遍历DOM树、处理事件以及创建新的DOM节点。此外，熟悉跨浏览器的兼容性问题也是必不可少的技能...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值