1,DOM是什么? Document Object Model 文档对象模型 是浏览器提供了一套操作页面的API 2,DOM能做什么? DOM使得JS语言可以随意的控制页面 DOM可以将页面中的内容封装成一个个对象 (DOM对象) 3,DOM节点? DOM中把页面中最基本的组成单元称之为:DOM节点(node) 常见的节点类型:文档(9) 元素(1) 属性(2) 文本(3)
文本
是使用什么属性来获取到节点的类型的?
DOM对象.nodeType
是使用什么属性来获取元素节点的名称的?
DOM对象.nodeName
4,DOM树? 节点与节点之间的关系 DOM树的作用? 在DOM中上拥有一个任何一个节点的信息,就可以顺着这个信息的线索找到其他任意的节点
5,DOM创建 document.createElement() document.createTextNode() DOM对象.cloneNode() 6,DOM增加 parent.appendChild( child ) parent.insertBefore( 新的节点,已存在的节点 ) 7,DOM删除 removeChild() 8,DOM修改 replaceChild( 新的节点,要被替换的节点 ) 9,DOM查询(获取) 属性: childNodes children firstChild lastChild parentNode DOM对象.nextSibling:查找指定DOM对象的下一个节点 DOM对象.previousSibling:查找指定DOM对象的上一个节点 方法: getElementById() getElementsByTagName() getElementsByName() getElementsByClassName() 10,两个特殊属性 innerText:获取/设置元素的内容,只会将内容解析成纯文本 innerHTML:获取/设置元素的内容,会将内容解析到DOM树上 11,DOM操作样式? DOM对象.style.css属性名 = "css属性值"
DOM.offsetWidth // 获取元素的宽度
/* 以上纯属学习总结,如有错误于不足,敬请告知,不胜感激 */