标签归档：DOM

2016
12-16

XML中用XPath方式查找节点的兼容

如果要做W3C和IE的跨浏览器兼容，我们要思考几个问题： 1.如果传递一个节点的下标，IE是从0开始计算，W3C从1开始计算，可以通过传递获取下标进行增1减1的操作来进行。 2.独有的功能放弃，为了保证跨浏览器。 3.只获取单一节点和节点列表即可，基本可以完成所有的操作。 跨浏览器获取单一节点 function selectSingleNode(xmlDom, xpath) { var.... Read More >

2016
12-16

XML中用XPath方式查找节点

一、在IE8及之前的IE浏览器，XPath是采用内置基于ActiveX的XML DOM文档对象实现的。 在每一个节点上提供了两个方法：selectSingleNode()和selectNodes()。 selectSingleNode()方法接受一个XPath模式(也就是查找路径)，找到匹配的第一个节点并将它返回，没有则返回null。 var user = xmlDom.selectSing.... Read More >

2016
12-16

DOM2中的XML处理

IE可以实现对XML字符串或XML文件的读取，其他浏览器也各自实现了对XML处理功能。DOM2级在document.implementaion中引入了createDocument()方法。IE9、Firefox、Opera、Chrome和Safari都支持这个方法。 一、创建XMLDOM对象 var xmlDom = document.implementation.createDocument.... Read More >

2016
12-16

表单选择框脚本

选择框(下拉、单选和复选)除了通用的一些属性和方法外，HTMLSelectElement类型还提供了如下的属性和方法： add(new,rel)：插入新元素，并指定位置 multiple：布尔值，是否允许多项选择 options：<option>元素的HTMLColletion集合 remove(index)：移除给定位置的选项 selectedIndex：基于0的选中项的索.... Read More >

2016
12-16

表单文本框处理和过滤输入

一.文本框脚本：在HTML中，有两种方式来表现文本框：一种是单行文本框<input type="text">，一种是多行文本框<textarea>。虽然<input>在字面上有value值，而<textarea>却没有，但通过都可以通过value获取他们的值。 使用表单的value是最推荐使用的，它是HTML DOM中的属性，不建议使用标准DOM的.... Read More >

2016
12-16

表单字段(控件)选择和共有属性方法及事件

表单字段(控件)选择 如果想访问表单元素，可以使用之前章节讲到的DOM方法访问。但使用原生的DOM访问虽然比较通用，但不是很便利。表单处理中，我们建议使用HTML DOM，它有自己的elements属性，该属性是表单中所有元素的集合。 fm.elements[0]; //获取第一个表单字段元素 fm.elements['user']; //获取name是user的表单字段元素 fm.ele.... Read More >

2016
12-16

表单属性方法以及提交重置表单

在HTML中，表单是由<form>元素来表示的，而在JavaScript中，表单对应的则是HTMLFormElement类型。HTMLFormElement继承了HTMLElement，因此它拥有HTML元素具有的默认属性，并且还独有自己的属性和方法： HTMLFormElement属性和方法 属性或方法 说明 获取表单<form>对象的方法有很多种，如下： doc.... Read More >

2016
12-16

DOM元素尺寸和位置

一、获取元素CSS大小 1.通过style内联获取元素的大小 var box = document.getElementById('box'); //获取元素 box.style.width; //200px、空 box.style.height; //200px、空 style获取只能获取到行内style属性的CSS样式中的宽和高，如果有获取;如果没有则返回空。 .... Read More >

2016
12-16

DOM进阶:DOM拓展和DOM操作内容

DOM扩展 1.呈现模式：从IE6开始开始区分标准模式和混杂模式(怪异模式)，主要是看文档的声明。IE为document对象添加了一个名为compatMode属性，这个属性可以识别IE浏览器的文档处于什么模式如果是标准模式，则返回CSS1Compat，如果是混杂模式则返回BackCompat。 PS：后来Firefox、Opera和Chrome都实现了这个属性。从IE8后，又引入documen.... Read More >

2016
12-16

DOM进阶:DOM的类型

DOM类型DOM基础课程中，我们了解了DOM的节点并且了解怎样查询和操作节点，而本身这些不同的节点，又有着不同的类型。 DOMd的类型名和说明： Node：表示所有类型值的统一接口，IE不支持 Document：表示文档类型 Element：表示元素节点类型 Text：表示文本节点类型 Comment：表示文档中的注释类型 CDATASection：表示CDATA区域类型 Docu.... Read More >