HTML DOM知识点补充：

DOM Console

控制台对象提供了浏览器的debug的方法支持。

常用的：console.log()。 ⚠️coffeescript中，这个方法不加括号。

DOM Document

当一个HTML document加载到浏览器上，它就成为了一个document object。

它是root node

提供了大量document object 方法支持和Properties：常用的：

addEventListener()	removeEventListener()
body()	返回body元素
createAttribute()
createElement()
createTextNode()
createEvent()
getElementById()	querySelector()
getElementsByClassname()	⚠️返回的是nodelist querySelectorAll()
getElementsByTagName()	⚠️返回的是nodelist
getElementsByName()	返回一个 nodelist包括所有这个name的元素。

DOM Element Object

元素对象也有大量方法和特性：

addEventListener() removeEventListener()
appendChild(), removeChildren()
attributes
childNodes 返回所有子节点集合。 ⚠️children返回所有子元素集合
click()
firstChlid() lastChild()
getAttribute()　　比如data-*系列, removeAttribute()
id
innerHTML, innerText
querySelector

scrollHeight()	返回一个元素的高度，包括padding。
toString()

HTML DOM Events

让javascript注册不同的event handlers，在HTml document的元素上。

非常非常多。

https://www.w3schools.com/jsref/dom_obj_event.asp

转载于:https://www.cnblogs.com/chentianwei/p/9343386.html

HTML DOM知识点补充：相关推荐

计算机网络知识点补充
计算机网络知识点补充目录: 1. HTTP和HTTPS的区别 http协议是运行在tcp之上,明文传输,客户端和服务器端都无法验证对方的身份:https是运行在ssl(Secure Socket L ...
set集合以及知识点补充
str知识点补充: #join() 将列表中的每个元素中间加上一个字符,连接成一个字符串 list = ['a','b','c','d'] str = '*'.join(list) print(str ...
JavaScript的DOM知识点总结
目录 1.DOM重点核心 2.DOM事件流 3.DOM知识点总结 4.常见案例视频资料,pink老师讲的超级详细,JavaScript的DOM操作:黑马程序员JavaScript核心教程,前端基础教 ...
Jaeger知识点补充
欢迎访问我的GitHub 这里分类和汇总了欣宸的全部原创(含配套源码):https://github.com/zq2599/blog_demos <Jaeger实战(Java版)>系列全文 ...
云日记_登出操作个人中心页面js和jsp知识点补充
用户退出前端: 设置超链接的请求地址 user?actionName=logout 后台: 1. 销毁Session对象 2. 删除 ...
Javascript + Dom知识点总结
Javascript + Dom知识点总结 1．用Javascript声明数组和字典的方式 // 数组声明 var arr = new Array(); arr["0"] = &q ...
普歌：DOM知识点大盘点（一）
DOM知识点大盘点(一) DOM 事件基础 DOM 事件基础 1.概述: JavaScript是目前web开发中不可缺少的脚本语言,js不需要编译即可运行,运行在客户端,需要通过浏览器来解析执行Jav ...
Python-day06-2018.7.9_编码以及小知识点补充
本节知识点: 1.is 和 == 的区别 2.编码的问题一.is 和 == 的区别 1.id() 通过id我们可以查看到一个变量表示的值在内存中的地址. s = 'alex' print(id(s ...
基于python的openCV自学笔记（四）——遗漏知识点补充
本篇补充暑假学opencv遗漏的相关知识点参考链接:https://www.bilibili.com/video/BV1Fo4y1d7JL?from=search&seid=17628666 ...

HTML DOM知识点补充：

HTML DOM Events

HTML DOM知识点补充：相关推荐

最新文章

热门文章