DOM
关注
分享
扫一扫
钢伢仔
这个作者很懒，什么都没留下…
展开
-
getElementById(),getElementsByName(),getElementsByTagName()
dom_demo.html --> <!-- document对象的演示。 该对象将标记型文档进行封装。 该对象的作用，是对可以标记型文档进行操作。 最常见的操作就是，想要实现动态效果，需要对节点操作，那么要先获取到这个节点。 要想获取节点，必须要先获取到节点所属的文档对象document。 所以docum转载 2014-07-31 22:03:25 · 561 阅读 · 0 评论 -
交替颜色的表格
效果图：转载 2014-08-11 22:03:38 · 613 阅读 · 0 评论 -
创建和删除表格
Untitled Document /*@import url("table.css"); @错误提示？？*/ <!-- 在页面中创建一个n行n列的表格。 1，事件源，比如按钮。 2，必须有一个生成的表格节点存储位置。 --> function crtTable2(){转载 2014-08-11 22:23:29 · 452 阅读 · 0 评论 -
open方法打开其他页面
open.html --> function showPage(page){ open(page,"_blank"); }转载 2014-08-11 22:31:30 · 425 阅读 · 0 评论 -
列表的展开与闭合
Untitled Document dl dd{ margin:0px; } dl{ height:16px; } /* 预定义一些样式，类选择器，便于给标签进行样式的动态加载。 */ .open{ overflow:visible;; } .close{转载 2014-08-11 22:12:35 · 813 阅读 · 0 评论 -
列表的展开与闭合(2)
Untitled Document /* 对表格中的ul进行样式定义， 1，去除无序列表的样式。 2，将列表的外边距取消。 */ table ul{ list-style:none; margin:0px; background-color:#26e356; display:none; /*b转载 2014-08-11 22:14:02 · 495 阅读 · 0 评论 -
表格排序
Untitled Document th a:link,th a:visited{ color:#279bda; text-decoration:none; } var flag = true; function sortTable(){ /* * 思路： * 1，排序就需转载 2014-08-11 22:40:09 · 427 阅读 · 0 评论 -
checkbox
Untitled Document function getSum(){ /* * 获取所有的名称为item的复选框。 * 判断checked状态，为true表示被选中，获取该节点的value进行累加。 */ var sum = 0; var collItemNodes = document.转载 2014-08-07 16:03:23 · 440 阅读 · 0 评论 -
DOM树中的节点
dom_demo2.html --> //DOM树中的标签，标签的属性(如：id,name,value)，标签中的文本称为节点。 //节点类型：标签节点-类型1，属性节点-类型2，文本节点-类型3 //节点都有三个必备的属性：节点名称，节点类型，节点值 function demo(){ var divN转载 2014-07-31 22:45:28 · 640 阅读 · 0 评论 -
DOM理论知识
DOM:Document Object Model(文档对象模型)用来将标记型文档封装成对象，并将标记型文档中的所有的内容(标签，文本，属性等)都封装成对象。封装成对象的目的是为了更为方便的操作这些文档以及文档中的所有内容。因为对象的出现就可以有属性和行为被调用。文档对象模型文档：标记型文档。对象：封装了属性和行为的实例，可以被直接调用。模型：所有标记型文档都具备一些共转载 2014-08-01 16:14:13 · 755 阅读 · 0 评论 -
节点的增删改查
dom_curd.html --> div{ border:#00ccff 1px solid; width:200px; padding:30px; margin:10px; } #div_1{ background-color:#00ccff; } #div_2{ b转载 2014-08-01 16:12:18 · 534 阅读 · 0 评论 -
BOM(1)—事件
BOM:Browser Object Model 浏览器对象模型。 这个模型方便于操作浏览器。浏览器对应的对象就是window对象。这个可以通过查阅dhtml api获得。转载 2014-08-01 16:55:11 · 533 阅读 · 0 评论 -
通过节点的层次关系获取节点对象(父节点，子节点，兄弟节点)
dom_demo.html --> <!-- 通过节点的层次关系获取节点对象。 关系： 1，父节点: parentNode:对应一个节点对象。 2，子节点：childNodes:对应一个节点集合。 3，兄弟节点： 上一个兄弟节点：previousSibling 下一个兄弟节点：nextSibling转载 2014-08-01 11:45:10 · 2028 阅读 · 0 评论 -
改变字体的颜色和大小
newsfont.html --> /*超链接访问前，访问后样式一致*/ a:link,a:visited{ color:#0044ff; text-decoration:none; } a:hover{ color:#ff8800; } #newstext{ width:500px转载 2014-08-11 21:45:03 · 702 阅读 · 0 评论