摘要: 删除一个DOM节点就比插入要容易得多。 要删除一个节点,首先要获得该节点本身以及它的父节点,然后调用父节点的removechild把自己删掉即可: 结果: 删除的节点虽然不在文档树中了,但其实它还是在内存中保留的,可以随时再次被添加到别的位置 结果: 当我们遍历一个父节点的子节点并进行删除操作时,要 阅读全文
posted @ 2017-08-17 16:37 ocean_boy 阅读(3574) 评论(0) 推荐(0) 编辑
摘要: 当我们获得了某个DOM节点,想在这个DOM节点内插入新的DOM,应该如何做? 如果这个DOM节点是空的,例如,<div></div>,那么,直接使用innerHTML = '<span>child</span>'就可以修改DOM节点的内容,相当于“插入”了新的DOM节点。 如果这个DOM节点不是空的 阅读全文
posted @ 2017-08-16 17:36 ocean_boy 阅读(2400) 评论(0) 推荐(0) 编辑
摘要: 拿到一个DOM节点后,我们可以对它进行更新。 可以直接修改节点的文本,方法有两种: 一种是修改innerHTML属性,这个方式非常强大,不但可以修改一个DOM节点的文本内容,还可以直接通过HTML片段修改DOM节点内部的子树: 用innerHTML时要注意,是否需要写入HTML。如果写入的字符串是通 阅读全文
posted @ 2017-08-16 16:56 ocean_boy 阅读(3929) 评论(0) 推荐(0) 编辑
摘要: 由于HTML文档被浏览器解析后就是一棵DOM树,要改变HTML的结构,就需要通过JavaScript来操作DOM。 始终记住DOM是一个树形结构。操作一个DOM节点实际上就是这么几个操作: 更新:更新该DOM节点的内容,相当于更新了该DOM节点表示的HTML的内容; 遍历:遍历该DOM节点下的子节点 阅读全文
posted @ 2017-08-16 16:41 ocean_boy 阅读(302) 评论(0) 推荐(0) 编辑
摘要: JavaScript可以获取浏览器提供的很多对象,并进行操作。 window window对象不但充当全局作用域,而且表示浏览器窗口。 window对象有innerWidth和innerHeight属性,可以获取浏览器窗口的内部宽度和高度。内部宽高是指除去菜单栏、工具栏、边框等占位元素后,用于显示网 阅读全文
posted @ 2017-08-16 16:40 ocean_boy 阅读(345) 评论(0) 推荐(0) 编辑
摘要: 由于JavaScript的出现就是为了能在浏览器中运行,所以,浏览器自然是JavaScript开发者必须要关注的。 目前主流的浏览器分这么几种: IE 6~11:国内用得最多的IE浏览器,历来对W3C标准支持差。从IE10开始支持ES6标准; Chrome:Google出品的基于Webkit内核浏览 阅读全文
posted @ 2017-08-16 16:32 ocean_boy 阅读(246) 评论(0) 推荐(0) 编辑
摘要: JavaScript对每个创建的对象都会设置一个原型,指向它的原型对象。 当我们用obj.xxx访问一个对象的属性时,JavaScript引擎先在当前对象上查找该属性,如果没有找到,就到其原型对象上找,如果还没有找到,就一直上溯到Object.prototype对象,最后,如果还没有找到,就只能返回 阅读全文
posted @ 2017-08-16 15:25 ocean_boy 阅读(174) 评论(0) 推荐(0) 编辑
摘要: JavaScript的所有数据都可以看成对象,那是不是我们已经在使用面向对象编程了呢? 当然不是。如果我们只使用Number、Array、string以及基本的{...}定义的对象,还无法发挥出面向对象编程的威力。 JavaScript的面向对象编程和大多数其他语言如Java、C#的面向对象编程都不 阅读全文
posted @ 2017-08-16 14:01 ocean_boy 阅读(142) 评论(0) 推荐(0) 编辑