DOM
田田田田__
心若向阳,无谓悲伤
展开
-
DOM
什么是DOM?DOM全称Document Object Model(文档对象模型)文档:超文本文档(html、xml)对象:提供属性和方法模型:使用属性和方法操作标记性文档总的来说就是使用JS中DOM提供的对象,使用这些对象的属性和方法操作标记性文档DOM如何解析HTML?根据HTML的层级结构,在内存中分配一个树形结构,需要把HTML中的每部分分装成对象docum...原创 2018-08-07 18:46:58 · 104 阅读 · 0 评论 -
DOM_案例
案例一:采用document对象和window对象实现弹窗并进行数据间的传送。注意:由于我们要在新打开的窗口向第一个页面传递数据,这里我们用到了一个属性opener 返回对创建此窗口的窗口的引用。问题:在安全性较高的浏览器中不允许对本地文件进行数据传输,如Chrome(实际开发不会遇到)。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1....原创 2018-08-07 22:46:30 · 137 阅读 · 0 评论 -
DOM_Element对象
Element对象首先必须采用Document对象得到Element的引用如:var element = document.getElementById(id);Element对象常用的方法setAttribute(name,value) 修改指定属性的值,第一个参数是属性名,第二个是属性值getAttribute(name) 获取指定属性的值removeAttribute...原创 2018-08-08 11:24:06 · 154 阅读 · 0 评论 -
DOM_Node对象
Node对象Node对象的三个属性值nodeType 节点类型nodeName 节点名称nodeValue 节点值三种节点对象所对应的值 nodeType nodeName nodeValue 标签 1 大写名称(如UL) null 属性 2 属性名称(如id) 值(如ulId) 文本 3 #...原创 2018-08-08 12:25:35 · 151 阅读 · 0 评论 -
DOM_操作DOM树
操作DOM树方法:方法 描述 appendChild() 将新的子节点添加到指定节点 insertBefore(new,old) 在指定的节点前面添加新的节点 removeChild() 删除指定节点的子节点 replaceChild(new,old) 替换子节点 操作:<!DOCTYPE html PUBLIC "-//W3C...原创 2018-08-08 13:44:44 · 212 阅读 · 0 评论 -
案例:利用JS动态的显示当前时间
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><me原创 2018-08-08 14:44:10 · 442 阅读 · 0 评论 -
案例:下拉列表左右选择
注意:option集合长度在每次添加完成时的减一<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtm...原创 2018-08-08 19:45:02 · 330 阅读 · 0 评论 -
案例:动态生成表格
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><me原创 2018-08-08 23:06:31 · 272 阅读 · 0 评论