mr_minlong的专栏

DOM概述 JS = ECMAScript(核心语法) + DOM(专门操作网页的API) + BOM(专门操作浏览器窗口的API) DHTML : 所有实现网页动态效果的统称, 即HTML + CSS + JS DOM: 操作一切结构化文档的通用API, 即用DOM可操作HTML, 也可操作XML 核心DOM: 可以操作所有文档的通用API, 可实现增删改查等所有功能, 但操作繁琐 HTML D

HTML DOM常用对象 Select对象属性： sel.options：返回当前select下的所有option对象的集合 sel.selectedIndex：获得当前select的选中项的下标位置 方法： 添加一个option：sel.add(opt)，等效于sel.appendChild(opt) 移除一个option: sel.remove(i) Option对象创建option对象：

创建单个节点：3步 创建空节点对象： var elem = document.createElement(“标签名”); 设置关键属性（可选） 将新节点挂到指定父元素下：3种 追加： parent.appendChild(elem); // elem ——> lastChild 插入： parent.insertBefore(elem,oldElem) 替换： parent.replaceChi

元素属性概述 一切从属性获取的值和设置到属性上的值必须都是字符串，所以都要先类型转换，再计算 获取元素的属性值 方法1 方法 var strValue = elem.getAttribute(“属性名”); 何时使用：只找一个属性时 方法2：elem.attributes集合 —— 包含了当前元素所有属性的节点对象 方法 elem.attributes[i/”属性名”] ——> 返回一个属性

仅获取或修改内联样式 —— 每个元素的style属性 —— style对象 style对象中包含了所有的css样式，默认值都是”“ elem.style.属性名 = “值” 问题：无法获得样式表中层叠或继承来的属性，只能访问elem的内联样式 获取样式表中层叠或继承来的样式 DOM标准：var style对象 = getComputedStyle(elem);style对象.属性名 IE8：va