摘要: innerHTML 它会把原来的内容先清空,然后再添加新的内容,原来的内容已经没有了。只不过是新添加的内容与原来的内容长得一样而已(原本具有的事件不具存在) DOM方法 会把新的内容追加到原来的内容里面,原来内容所具有的事件,依然会在 阅读全文
posted @ 2017-12-06 16:25 走在程序的路上 阅读(1232) 评论(0) 推荐(0) 编辑
摘要: 1 createElement 创建元素 语法:document.createElement(tagName) 注意:主语只能是document 只能用来创建元素节点 创建后的标签可对它操作 2 appendChild 往父节点里添加一个元素 语法:父.appendChild(childNode) 阅读全文
posted @ 2017-12-06 16:14 走在程序的路上 阅读(380) 评论(0) 推荐(0) 编辑
摘要: 一 获取元素的宽高 obj.offsetWidth 元素的宽度 width+border+padding obj.offsetHeight 元素的高度 height+border+padding obj.clientWidth 元素的宽 width+padding obj.clientHeight 阅读全文
posted @ 2017-12-06 15:50 走在程序的路上 阅读(275) 评论(0) 推荐(0) 编辑
摘要: getBoundingClientRect 作用:获取元素盒模型的一些信息,得到的结果是没有单位,不包含滚动条的 width 宽度(包含边框,内边距) height 高度(包含边框,内边距) left 元素最左边到可视区的最左边的距离 right 元素的最右边到可视区最左边的距离 top 元素的最上 阅读全文
posted @ 2017-12-06 15:00 走在程序的路上 阅读(248) 评论(0) 推荐(0) 编辑
摘要: 1 offsetParent 获取离元素最近的有定位的父级 特点:一层层往上找,知道找到最近的有定位的父级后返回这个父级 如果父级都没有定位,返回body(IE8+) 注意: 1 遵循一个原则,父级一定要给一个定位 2 body 是没有 offsetParent 2 offsetLeft 找到元素最 阅读全文
posted @ 2017-12-06 14:38 走在程序的路上 阅读(390) 评论(0) 推荐(0) 编辑
摘要: 一 DOM 概念: document object model 文档对象模型,浏览器把拿到的html代码,结构化成一个浏览器能识别并且js可操作的一个模型。 特点: 1)页面都是字符串,JS把字符串转成DOM树。DOM树把字符串转成节点,浏览器就是操作节点的 2) DOM赋予我们操作页面的能力 3) 阅读全文
posted @ 2017-12-06 14:02 走在程序的路上 阅读(429) 评论(0) 推荐(0) 编辑