知识点总结

9.脚本内容输出:

在控制台输出:console.log()  

在弹窗输出:window.alert()

在页面输出:document.write()

原生DOM操作：

1.元素节点addEventListener属性：

为元素节点绑定事件。

.addEventListener("触发机制",function(){

})

2.元素节点的textContent属性：

返回、设置元素节点内部的文本。

3.document.querySelector(selector)方法：

根据选择器selector获取元素节点。

常用封装：

function $(selector){

        retrun document.querySelector(selector);

}

4.document.querySelectorAll(selector)方法：

所有的selector元素

document.querySelectorAll(selector:not(selector2))

所有的除了selector2的selector元素

5.事件处理函数内部：

event.target 返回真正触发事件的那一个对象。（多用于事件委托管理的时候寻找对象）

6.tagName属性：

返回元素节点的大写格式的标记名称。

event.target.tagName()===”元素节点大写“

event.target.tagName.toLowerCase()===" 元素节点小写 ";

7.className属性：

返回、设置元素节点的class属性的取值。        

event.target.className==="class取值"                通过class的取值设置返回元素节点

8.classList对象：

收集元素节点中所有类名的取值，并可以独立操作。

contains(类名)方法：判断指定的类名是否包含在指定的元素节点中。

event.target.classList.contains("")        通过类名找到元素节点

9.为元素节点设置类名：

 A .让元素节点带有指定类名：元素节点.classList.add(“类名”);

 B .让元素节点移除指定类名：元素节点.classList.remove(“类名”);

10.style对象：

设置元素节点的内联样式；

后面是驼峰式命名；