![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
DOM
文章平均质量分 70
shienquan
兴趣使然
展开
-
DOM文本节点
appendData(text):将text添加到节点末尾deleteData(offset,count):从offset指定的位置开始删除count个字符insertData(offset,text):在offset指定的位置插入textreplaceData(offset,count,text):用text替换从offset指定的位置开始到offset+count为止处的文本s原创 2015-11-07 17:46:37 · 469 阅读 · 0 评论 -
DOM表格操作
创建一个表var table=document.createElement("table");table.border=1;table.width="100%";创建tbodyvar tbody=document.createElement("tbody");table.appendChild(tbody);创建第一行tbody.insertRow(0);tbody.rows[0原创 2015-11-07 20:20:11 · 454 阅读 · 0 评论 -
DOM选择器
querySelector():参数接收一个css选择符,返回与该模式匹配的第一个元素,找不到匹配的元素就返回null。querySelectorAll():参数接收一样,返回一个Nodelist的实例。如果没有找到匹配的元素NodeList就是空的。例如:document.body.querySelectorAll("p.ni");//查找所有类为ni的p元素原创 2015-11-08 13:24:25 · 346 阅读 · 0 评论 -
DOM元素遍历
childElementCount:返回子元素的个数firstELementChild:指向第一个子元素;firstChild的元素版lastELementChild:指向最后一个子元素;previousElementSibing:指向前一个同辈元素nextElementSibing:指向后一个同辈元素支持IE9+原创 2015-11-08 09:27:37 · 553 阅读 · 0 评论 -
DOM获取属性节点
console.log(a.attributes["id"].nodeType);//2console.log(a.getAttributeNode("id").nodeType);//2 hello world原创 2015-11-07 19:13:06 · 410 阅读 · 0 评论 -
html5新增DOM
html5新增DOM1、getElementsByClassName():获取含有指定class的元素2、classList:html5新增用于操作class的方式,所有元素都添加calssList属性。classList.length表示class包含类的数量。还定义了如下方法:add(value):将类添加进class,如果存在则不添加contains(value):表示列表中是否存在原创 2015-11-08 12:59:57 · 888 阅读 · 0 评论 -
DOM样式偏移量
DOM样式1、float由于是关键字在DOM2样式中规定为style.cssFloat,而IE支持为styleFloat。2、style的属性和方法:1)、cssText:访问style的css代码2)、length:应用给元素的css属性的数量3)、parentRule:表示css信息的CSSRule对象4)、getPropertyCSSValue(propertyName):返回包原创 2015-11-08 20:24:18 · 1052 阅读 · 0 评论 -
DOM事件
1、event对象只在事件处理程序执行期间才会存在一旦事件处理程序执行完成对象就会被销毁。2、event.type //表示被触发的事件类型,如:click3、event.preventDefault() //阻止事件默认行为,如a标签的跳转行为4、event.stopPropagation()//阻止事件捕获和冒泡5、eventPhase //值为1表示在捕获阶段调用的事件处理程序;为2原创 2015-11-11 20:18:17 · 411 阅读 · 0 评论