DOM操作API--全局属性

js之前获取dom方式：

JS方式：

jQuery方式：

API获取方式：

document.querySelector(".replace")
该方法仅仅返回匹配指定选择器的第一个元素，即返回单个元素
document.querySelectorAll(".replace") [ 0 ]
该方法返回所有满足条件的元素，结果是个nodeList集合

querySelector 和 querySelectorAll 的使用非常的简单，它和 CSS 的写法完全一样，对于前端开发人员来说，难度几乎为零。

操作元素API

class与 className对比

classList 的方法添加和删除不会清除原来的 class 类样式，
只是在其基础上添加和删除。而 className的方式直接对源类样式操作，
容易遗漏和误操作

全局属性

H5之前，即H4的全局属性有哪些？

H5新增的全局属性有哪些：

lang—规定元素内容的语言:
作用： 对于网页翻译或屏幕阅读浏览器有指导意义
属性lang是英语language的缩写，意思是语言，”en”代表英语，”zh-CN”代表中文
dir—规定元素中内容的文本方向
属性值ltr从左至右、rtl从右至左

accesskey—规定激活元素的快捷键：
作用：快捷键操作，Windows下alt+指定键，前提是浏览器alt并不冲突

支持元素： <button>, <input>, <label>, 以及 <textarea>

tabindex—规定元素的 tab 键次序：

contenteditable—规定元素内容是否可编辑:


contextmenu 鼠标右击事件
在 window 中单击右键或者在移动端长按时，都会触发鼠标右击 contextmenu 事件，通过取消其默认动作即可禁用。

data

自定义属性，用于存储页面或应用程序的私有定制数据

designMode

用来指定整个页面是否可编辑
designMode页面编辑属性，只能在Js被编辑修改

spellcheck

规定是否对元素进行拼写和语法检查

检测部分：输入完某个单词后,进行按空格键，就可以看到这是不是错误的单词了
不检测部分：输入完某个单词后,进行按空格键，没有检测错误单词