JS 之DOM range对象】的更多相关文章

DOM范围 DOM中的range对象是DOM2中新定义的接口.通过这个对象可以选择文档中的某个区域,而不必考虑节点的界限. 创建范围 document.createRange()创建一个范围,这个范围是range类型的实例.包含下面这些属性和方法. startContainer:包含范围起点的节点(选区中第一个节点的父节点). startOffset:范围在startContainer中起点的偏移量. endContainer:包含范围终点的节点(选区中最后一个节点的父节点). endOffse…
Range对象 Range对象表示文档的连续范围区域,如用户在浏览器窗口中用鼠标拖动选中的区域.   dom标准Range对象 在IE中使用TextRange对象 range对象常用的建立方法在开发中除了上述文档中的标准建立方法,大多如下方式建立   标准dom: var range=window.getSelection().getRangeAt(0); IE: var range=document.selection.createRange(); 注意:标准dom是从window中获取sel…
HTML DOM 事件允许Javascript在HTML文档元素中注册不同事件处理程序. 事件通常与函数结合使用,函数不会在事件发生前被执行! (如用户点击按钮). HTML DOM 事件 DOM: 指明使用的 DOM 属性级别. 鼠标事件 属性 描述 DOM onclick 当用户点击某个对象时调用的事件句柄. 2 oncontextmenu 在用户点击鼠标右键打开上下文菜单时触发   ondblclick 当用户双击某个对象时调用的事件句柄. 2 onmousedown 鼠标按钮被按下. 2…
TableRow 对象 TableRow 对象代表一个 HTML 表格行. 在 HTML 文档中 <tr> 标签每出现一次,一个 TableRow 对象就会被创建. TableRow 对象集合 集合 描述 cells[] 返回包含行中所有单元格的一个数组. TableRow 对象属性 属性 描述 align 设置或返回在行中数据的水平排列. ch 设置或返回在行中单元格的对齐字符. chOff 设置或返回在行中单元格的对齐字符的偏移量. id 设置或返回行的 id. innerHTML 设置或…
1.js的Array对象           ** 创建数组(三种)                          - var arr1 = [1,2,3];                          - var arr2 = new Array(3); //长度是3                          - var arr3 = new Array(1,2,3); //数组中的元素是1 2 3 - var arr = []; //创建一个空数组            *…
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>js的DOM对象</title> <script type="text/javascript"> // DOM:Document Object Model 文档对象模型 /* 文档:超文本文档html.xml 对象:提供了属性和方法 模型:使用属性和方法操作超文本标…
jQuery就是JS的一个扩展库,工具库,提供很多方便快捷的方法,所以将JS对象转换为jQuery对象后,能更方便地操作这个对象.但是jQuery对象也不是万能的,有一些JS对象有的能,jQuery对象并没有提供,所以需要转换回JS对象,才能进行操作.另外一种情况可能是,你使用某些第三方库,接口函数只能接受JS对象或者jQuery对象,那么你就需要在这两者之间进行转换. 1.将jQuery转换为dom对象的方法 [index] 或者.get(index): a.$(“#form”)[index]…
11.html元素事件属性中,如onclick="",双引号里可以是方法条用,可以是js代码(无需加<script>标签) 12.JavaScript内置 对象.属性和方法(您也应该避免使用 JavaScript 内置的对象.属性和方法的名称作为 Javascript 的变量或函数名):Array     Date     eval     function     hasOwnPropertyInfinity     isFinite     isNaN     isPr…
js操作DOM对象  (Document Object Model)文档对象模型 nodeType返回值 1:元素节点 2:属性节点 3:文本节点 8:注释节点 9: 文档节点 nodeName 节点名称 nodeType 节点类型 nodeValue 节点值 setAttribute("属性名","属性值")getAttribute("属性名") 根据属性名获取对应的属性值 getAttributeNode("属性名") 获…
前面在JS之DOM中我们知道了属性操作,下面我们来了解一下节点操作.很重要!! 一.节点操作 创建节点:var ele_a = document.createElement('a');添加节点:ele_parent.appendChild(ele_img);删除节点:ele_parent.removeChild(ele_p);替换节点:ele_parent.replaceChild(新标签,旧标签); <!DOCTYPE html> <html lang="en"&g…