js中对于DOM1的扩展
来源:互联网 发布:杨千嬅 知乎 编辑:程序博客网 时间:2024/06/02 05:50
DOM1的扩展
* 第一个扩展是选择符API的扩展
* 1.elem.querySelector(选择器):参数是css选择器,选取匹配的第一个* 2.elem.querySelectorAll(选择器):选取所有匹配的
* (ie7-不能使用)
-------------------------------------------------------------------------------------------------------
* 第二个扩展是元素遍历选择
* 1.elem.childElementCount:返回子元素的个数
* 2.firstChildElement:返回第一个子元素
* 3.lastChildElement:返回最后一个子元素
* 4.previousElementSibling:返回前面一个同辈元素
* 5.nextElementSibling:返回后面一个同辈元素
* (这上面的属性都是只返回元素节点,不返回文本节点)
* (ie9+支持)
----------------------------------------------------------------------------------------------------
* 第三个扩展是HTML5(下面是关于 DOM方面的)
* 1.elem.getElementsByClassName():通过类名获取元素
* (ie+可以使用)
* 2.elem.classList可以获取元素的所有class,下面是classList附带的一些方法
* (ie10+)
* add():添加class
* remove():删除class
* toggle():没有就添加,有就删除
* contains():有就返回true
*
* 3.document.activeElement:获取获得叫焦点的元素
* 4.document.hasFocus():检测用户是否在进行界面交互(可以判断用户是否在使用此页面)
*
* 5.兼容模式和标准模式的检测:
* document.compatMode:CSS1Compat(标准模式) BackCompat(混杂模式)
*
* 6.document.charset:返回字符集
*
* 7.使用"data-"的自定义属性可以在elem.dataset中找到
*
* 8.insertAdjacentHTML():在文档中插入html
* 参数:beforebegin:在当前元素前面插入同辈元素
* afterend:在当前元素之后插入同辈元素
* afterbegin:在当前元素的第一个子元素之前插入html(类似于insertBefore)
* beforeend:在当前元素的最后一个子元素之后插入元素(类似于appendChild)
* (在使用上述方法的时候最好清除掉事件处理,除非需要)
*
* 9.elem.scrollIntoView():使得元素滚动到视口中,如果传入参数false则是尽可能的显示全部元素
* (和加锚点的方法类似)
*
* 10.document.documentMode:返回文档模式(知道文档模式就是知道使用的ie几渲染方法)
*
* 11.children:返回子元素,不再包含文本节点(ie8-会返回注释节点)
*
* 12.innerText:返回后代元素中所有文本,设置的时候会将后代元素替换成文本
- js中对于DOM1的扩展
- js-Dom1
- DOM1
- DOM1
- 【JavaScript】js中对于JSON的处理
- Django中对于Authentication用户User的扩展
- js中startWith和endWith的扩展
- js中String的常用扩展
- 扩展js中对象的方法
- js中prototype的继承和扩展
- 扩展js中Array的方法总结
- js中对日期的扩展格式化
- Js中Date的格式化扩展
- js和php中对于unicode的正则表示方法
- 对于JS中原型对象的一些见解
- Js中作用域对于数组绑定事件的影响
- javascript(js)中对于数组操作的方法
- js中,加号扩展
- SpringBoot中使用数据缓存
- Android动画笔记
- Flip Game
- centos 6 将python 2.6 升级到python 2.7
- 推荐MongoDB教程
- js中对于DOM1的扩展
- 视图抖动
- 【代码】N个非定长升序数组 合并成一个升序数组
- 【Unity3D入门】Unity3D学习笔记002——Visual Studio的下载、安装、破解与配置
- Android Context 上下文 你必须知道的一切
- EasyUI—点击tab内容中的链接,在父级tab上新增一个tab
- 为什么用charles抓取手机APP,配置正确,但是却抓不到数据
- 读ssdt表_汇编_122正版函数与当前函数_第18课
- [数据库事务与锁]详解三: 深入分析事务的隔离级别