DOM获取元素、修改元素1.DOM①什么是DOM？作用？DOM是文档对象模型作用：操作网页内容，可以开发网页内容特效和实现用户交互。②DOM对象2.获取DOM元素①根据CSS选择器来获取DOM元素(重点)思考获取一个DOM元素我们使用谁？querySelector()获取多个DOM元素我们使用谁？querySelectorAll()querySelector()方法能直接操作修改吗？可以querySelectorAll()方法能直接修改吗？如果不能可以怎么做到修改？不可以，只能通过遍历的方式一次给里面的元素做修改②其他获取DOM元素方法（了解）注意点3.设置/修改DOM元素内容①.docume
DOM获取元素、修改元素1.DOM①什么是DOM？作用？DOM是文档对象模型作用：操作网页内容，可以开发网页内容特效和实现用户交互。②DOM对象2.获取DOM元素①根据CSS选择器来获取DOM元素(重点)思考获取一个DOM元素我们使用谁？querySelector()获取多个DOM元素我们使用谁？querySelectorAll()querySelector()方法能直接操作修改吗？可以querySelectorAll()方法能直接修改吗？如果不能可以怎么做到修改？不可以，只能通过遍历的方式一次给里面的元素做修改②其他获取DOM元素方法（了解）注意点3.设置/修改DOM元素内容①.docume
DOMDOMdocumentObjectModel文档对象模型//整个html文档,会保存一个文档对象document//console.log(document);//获取当前文档的对象查找标签直接查找document.getElementsByTagName("标签名")document.getElementById("id值")document.getElementsByClassName("类名")1、方法的返回值是dom对象还是数组2、document对象可以是任意dom对象，将查询范围限制在当前dom对象导航查找标签varc2=document.getElementsByClass
DOMDOMdocumentObjectModel文档对象模型//整个html文档,会保存一个文档对象document//console.log(document);//获取当前文档的对象查找标签直接查找document.getElementsByTagName("标签名")document.getElementById("id值")document.getElementsByClassName("类名")1、方法的返回值是dom对象还是数组2、document对象可以是任意dom对象，将查询范围限制在当前dom对象导航查找标签varc2=document.getElementsByClass
目录网页DOM编程Node、Document和Element三者关系DOM编程常用API总结DOM编程API应用网页DOM编程Node、Document和Element三者关系Node：各种类型的DOMAPI对象会从这个接口继承。Document：表示在任何在浏览器中加载的网页（DOM树）。Element：描述所有相同种类的元素所普遍具有的方法和属性。完整的继承关系如下图：说明：图中的子类可以从父类继承方法和属性。DOM编程常用API总结Node节点属性方法说明Node.nodeName只读返回一个包含该节点名字的DOMString。Node.nodeType只读返回一个与该节点类型对应的无符
目录网页DOM编程Node、Document和Element三者关系DOM编程常用API总结DOM编程API应用网页DOM编程Node、Document和Element三者关系Node：各种类型的DOMAPI对象会从这个接口继承。Document：表示在任何在浏览器中加载的网页（DOM树）。Element：描述所有相同种类的元素所普遍具有的方法和属性。完整的继承关系如下图：说明：图中的子类可以从父类继承方法和属性。DOM编程常用API总结Node节点属性方法说明Node.nodeName只读返回一个包含该节点名字的DOMString。Node.nodeType只读返回一个与该节点类型对应的无符
一、对虚拟DOM的理解虚拟DOM就是用来描述真实DOM的javaScript对象，可以将多次修改的DOM一次性渲染到页面上，减少页面的重排重绘，提高渲染性能虚拟DOM就是用来描述真实DOM的javaScript对象，可以将多次修改的DOM一次性渲染到页面上，减少页面的重排重绘，提高渲染性能。在代码渲染到页面之前，vue会把代码转换成一个对象（虚拟DOM）。在每次数据发生变化前，虚拟DOM都会缓存一份，变化之时，现在的虚拟DOM会与缓存的虚拟DOM进行比较。在vue内部封装了diff算法，通过这个算法来进行比较，渲染时修改改变的变化，原先没有发生改变的通过原先的数据进行渲染。二、虚拟DOM的解析
一、对虚拟DOM的理解虚拟DOM就是用来描述真实DOM的javaScript对象，可以将多次修改的DOM一次性渲染到页面上，减少页面的重排重绘，提高渲染性能虚拟DOM就是用来描述真实DOM的javaScript对象，可以将多次修改的DOM一次性渲染到页面上，减少页面的重排重绘，提高渲染性能。在代码渲染到页面之前，vue会把代码转换成一个对象（虚拟DOM）。在每次数据发生变化前，虚拟DOM都会缓存一份，变化之时，现在的虚拟DOM会与缓存的虚拟DOM进行比较。在vue内部封装了diff算法，通过这个算法来进行比较，渲染时修改改变的变化，原先没有发生改变的通过原先的数据进行渲染。二、虚拟DOM的解析
好家伙,JS基础接着学, 1.事件流页面哪个部分拥有特定的事件?可以把页面想象成一个同心圆,当你戳了其中的一点,其实你同时戳中了很多个圆 当你点击一个页面中的按钮,实际上你同时点击了这个按钮,这个按钮的容器,以及整个页面 于是有了这么个概念,事件流,我们用事件流描述页面接受事件的顺序, 举个栗子:来写一个简单页面"en">head>vuetesthead>id="app">赞它的大致层级:第一层 --Document 第二层 ----第三层 ----第四层 ---- 这个时候,有个靓仔点了一下页面中的"赞"然后,有人为了争论"点击事件
好家伙,JS基础接着学, 1.事件流页面哪个部分拥有特定的事件?可以把页面想象成一个同心圆,当你戳了其中的一点,其实你同时戳中了很多个圆 当你点击一个页面中的按钮,实际上你同时点击了这个按钮,这个按钮的容器,以及整个页面 于是有了这么个概念,事件流,我们用事件流描述页面接受事件的顺序, 举个栗子:来写一个简单页面"en">head>vuetesthead>id="app">赞它的大致层级:第一层 --Document 第二层 ----第三层 ----第四层 ---- 这个时候,有个靓仔点了一下页面中的"赞"然后,有人为了争论"点击事件
