![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
15章
文章平均质量分 53
不许人间见秃头xbw
学到了知识,不做笔记,难道做饭?
展开
-
html5新增的children属性和contains()方法
1.children属性1.1 定义(用法) 只包含元素的Element类型的子节点。(换句话说:不包含文本节点) 另外:和children属性容易搞混的另一个属性:childNodes属性,区别是childNodes属性会将换行符当作文本节点来返回。 如果要取得某元素的孩子节点,推荐使用 children属性。1.2 代码示例<div> <p>文本节点</p> <p></p></div><script原创 2021-01-24 13:27:51 · 2368 阅读 · 3 评论 -
HTML5中DOM扩展-插入标记的两个属性
前言 当我们想要插入大量HTML,相比于"像创建一堆节点,再将它们以正确顺序连接起来",直接插入会更方便一点。HTML5为我们提供了更方便的标准化属性。1.innerHTML属性1.1 作用 ①获取元素所有后代中的元素、注释、文本节点。 ②重置(替代)元素后代中的所有节点。1.2.1 示例一<div id="Checkbox1"> 你好,世界!</div> <script> const div_1 = document.querySelec原创 2021-01-21 13:54:47 · 186 阅读 · 0 评论 -
HTML5新增的字符集属性(characterSet)和自定义数据属性(data-xxx)
字符集属性—characterSet属性characterSet作用 通过此属性来获取或者指定当前文档使用的字符集。默认值为“UTF-16”。 用法示例//获取文档使用的字符集console.log(document.characterSet);//"UTF-16"//指定文档使用的字符集document.characterSet = "UTF-8";自定义数据属性设置方法 data-后面跟什么都可以示例<input type="text" data-myNa原创 2021-01-20 18:28:02 · 426 阅读 · 0 评论 -
HTML5中HTMLDocument扩展的三个属性
HTMLDocument扩展的三个属性属性定义(功能)补充readyState判断文档加载情况最好将document.readyState当作一个指示器compatMode指示游览器当前所处的渲染模式标准模式下document.compatMode的值是“CSS1Compat”head指向文档<head>元素作为对document.body的补充 详细说明1.readyState属性1.1document.readyState原创 2021-01-19 10:25:59 · 175 阅读 · 0 评论 -
HTML5新增-辅助焦点管理
作用 确定文档是否获得焦点,帮助确定用户是否在操作页面。相关属性和方法属性或者方法含义(作用)activeElement始终包含当前拥有焦点的元素(document.activeElement)focus()让某个元素自动获得焦点hasFocus()返回布尔值,表示文档是否拥有焦点(document.hasFocus())示例<button id="myButton">test</button><script>原创 2021-01-17 11:32:52 · 147 阅读 · 1 评论 -
DOM扩展中CSS类扩展(总结)
了解一下 HTML5中增加了一些特性以方便使用CSS类。下面精简介绍一下有关CSS类的一个方法(getElementsByClassName())和一个属性(classList)1.getElementsByClassName()方法(IE9及以上版本(部分)和所有现代游览器实现了classList属性)1.1 作用(用法): 向括号中传入一个或者多个类类名字符串,返回一个相应类的元素的NodeList1.2 示例:<div class="qq"> <a href=原创 2021-01-16 18:36:09 · 156 阅读 · 0 评论 -
DOM扩展的元素遍历(总结)
解决了什么问题? 除了IE9之前版本的其它游览器,会将元素间的空格当成文本节点来对待,这样就导致了childNodes和firstChild等属上面的差异,为弥补这个差异,同时不影响DOM规范,W3C通过Element Traversal规范定义了一组新属性。 如下面五个属性:①childElementCount②firstElementChild③lastElementChild④previousElementSibling⑤nextElementSibling这样就可避免返回空格形原创 2021-01-16 11:01:34 · 133 阅读 · 0 评论 -
DOM扩展的两个标准之一:Selectors API
Selectors API介绍selectors API Level 1的两个核心方法: querySelector() 和 querySelectorAll()Element 和 Document类型的实例上都会暴露这两个方法Selector API Level 2 在Element类型上新增的方法:(例如第三个) matches()、find()、findAll() find()、findAll()目前还没有游览器实现和宣称使用上述提到的方法使用时都是接收CSS选择符参数,原创 2021-01-13 11:23:30 · 198 阅读 · 0 评论