文章分类 - js
摘要：（1）创建新节点 createDocumentFragment() //创建一个DOM片段 createElement_x_x() //创建一个具体的元素 createTextNode() //创建一个文本节点 （2）添加、移除、替换、插入 appendChild() removeChild() r
阅读全文
摘要：1.访问/获取节点 document.getElementById(id); //返回对拥有指定id的第一个对象进行访问 document.getElementsByName(name); //返回带有指定名称的节点集合 注意拼写:Elements document.getElementsByTag
阅读全文
摘要：修改，删除，增加，节点：文本节点，标签节点，属性节点，注释节点 document.getElementById()通过Id查找，返回节点本身 document.getElementsByTagName()通过标签查找，返回数组 document.getElementsByName()通过属性查找，返
阅读全文
摘要：当讨论DOM树的时候，一般讨论的是节点的层次。DOM定义了Node的接口以及许多种节点类型来表现XML节点的多方面： 一个文档是有任意多个节点的层次组成的。看看下面的XML文档： 下面的图对应上面的XML文档: Node接口中定义了不同节点类型对应的常量，它们将在讨论nodeType属性时用到： N
阅读全文
摘要：dom_demo.html --> div区域 span区域 单元格一 ...
阅读全文
摘要：dom_curd.html --> 好好学习，day day up...
阅读全文
摘要：1.1 Node类型 DOM1级定义了一个Node接口，该接口将由DOM中的所有节点类型实现。这个Node接口在JS中是作为Node类型实现的；除了IE之外，其他浏览器可访问这个类型。JS中的所有节点类型都继承自Node类型。注意：不是所有节点类型都受到了Web浏览器的支持。 每个节点都有一个chi
阅读全文
摘要：0.前言 上一节把每个的节点操作都演示一遍，可累死我了，今天就不一一演示了，直接上代码，注释在代码里，写的很详细。至于运行效果，大家就自己复制粘贴吧，抱歉啊！！！ 1.正文 offsetParent.png offsetParent.png
阅读全文
摘要：0.前言 上几节主要说了如何分别在行内样式表、内部样式和外部样式获取节点，以及公式。今天来说一下关于节点一些的常用方法。 效果： 捕获.PNG 捕获.PNG 1.正文 在学习节点的常用属性之前，我要了解一下节点的公有属性：nodeName、nodeType、nodeValue添加如下代码： 运行结果
阅读全文
摘要：0.前言 上两节主要讲了获取标签（元素）节点和获取属性节点，今天来讲最后一个节点——获取文本节点。 1.获取文本节点 公式：元素节点.innerHTML注意：获取到的是元素开始标签到结束标签之间的所有内容，不包含HTML标签本身。代码： 效果： 捕获.PNG 捕获.PNG 呈现上面的掩饰的原因是：d
阅读全文
摘要：0.前言 继续上面的内容，来聊聊内部样式表与外部样式表的读写。老规矩，“小二，给大爷上代码！！！” 效果： 捕获.PNG 捕获.PNG 1.正文 从上面代码可以看到用href="sunck.css"添加外部样式表，用<script type="text/javascript">添加内部样式。要知道前
阅读全文
摘要：0.前言 上两节主要讲了获取标签（元素）节点和获取属性节点，今天来讲最后一个节点——获取文本节点。 1.获取文本节点 公式：元素节点.innerHTML注意：获取到的是元素开始标签到结束标签之间的所有内容，不包含HTML标签本身。代码： 效果： 捕获.PNG 捕获.PNG 呈现上面的掩饰的原因是：d
阅读全文
摘要：0.前言 上一节我只和大家分享了DOM,但是也只是说了一些基础知识，用法还没给大家分享，今天就和大家分享一下用法： 获取标签(元素)节点 获取属性节点 获取文本节点今天主要说一下获取标签（元素）节点，剩下的往后说。 1.获取标签（元素）节点 获取标签（元素）节点有种方法，接下来一一和大家分享。我用代
阅读全文
摘要：0.前言 上一章讲了如何获取获取标签(元素)节点，这一节来和大家说一下如何获取属性节点。我还是用代码来讲解： 效果： 捕获.PNG 捕获.PNG 注意：无论获取什么节点，首先要获取标签结节点，只有获取到标签节点，才能进行属性、文本节点的获取，切记，切记。 1.获取属性节点 第一种方法：获取官方定义的
阅读全文
摘要：0.前言 最近学习了JavaScript中的BOM和DOM，感觉就像两大护法，为JavaScript保驾护航，今天就来分享一下这二者之一———BOM。 1.BOM简介 BOM.png BOM.png BOM：浏览器对象模型(Browser Object Model),是操作浏览器和屏幕的对象集合。通
阅读全文
摘要：0.前言 上一篇我们讲了另一个“护法”——BOM，今天来讲一下第二个“护法”——DOM。为什么要把这一个放在这讲，是因为学习window方法后会对这个比较好理解。好了废话不多说了，进入正题。 1.了解DOM DOM：文档对象模型(Document Object Model)，DOM是访问HTML和操
阅读全文
摘要：1. 通过顶层document节点获取： （1） document.getElementById(elementId)：该方法通过节点的ID，可以准确获得需要的元素，是比较简单快捷的方法。如果页面上含有多个相同id的节点，那么只返回第一个节点。 如今，已经出现了如prototype、Mootools
阅读全文
摘要：接口 nodeType常量 nodeType值 备注 Element Node.ELEMENT_NODE 1 元素节点 Text Node.TEXT_NODE 3 文本节点 Document Node.DOCUMENT_NODE 9 document Comment Node.COMMENT_NOD
阅读全文
摘要：BOM：浏览器对象模型，提供了许多用于访问浏览器的功能。 window对象 BOM的核心对象是window，表示浏览器的一个实例。 在浏览器中，window对象有双重角色： 通过js访问浏览器窗口的接口 是ECMAScript规定的Global对象，这意味着在网页中定义的任何一个对象、变量和函数，都
阅读全文
摘要：动态脚本 使用< script>元素可以向页面中插入js代码，一种方式是通过其src特性包含外部文件；另一种方式就是用这个元素本身来包含代码。 而动态脚本指的是，在页面加载时不存在，但在将来的某一时刻通过修改DOM动态添加的脚本。 跟操作HTML元素一样，创建动态脚本也有两种方式：插入外部文件和直接
阅读全文
浙公网安备 33010602011771号