Bom总概述

1.BOM编程
BOM:浏览器对象模型
它下面三个主要的子对象:history,location,document
history对象记录了浏览器前进后退的地址,常用的方法如下:
forward()前进
back()后退
go(正数/负数)既可前进又可后退


location对象记录了当前地址栏的数据
常用的属性和方法
href:可以通过这个属性改变地址栏
reload():重新加载页面


document对象常用的属性和方法
referrer:得到载入当前文档的文档的地址
URL:得到载入当前文档的地址


getElementByid()
getElementsByName()
getElementsByTagName()
write()向文档中写数据,可以写普通文本,可以写HTML元素,可以写JS代码


控制元素的显示和隐藏两个style的属性
visibility:
visible:显示
hidden:隐藏,但是会占位
displasy:
block:显示
none:隐藏,不占位

全选的效果
主要是通过复选框的checked属性的值来决定是不是选重
checked:
true
false

Dom的高级编程
 对于DOM的文档有三种标准的接口来解析这类文档
 核心DOM(coreDom):适用于所有的DOM模型
 XML DOM:专门用于XML文档的(JAVA中会用到这种)
 HTML DOM:专门用于HTML文档的
 
 核心DOM的用法:
 主要是对节点的增加,删除,替换,修改,复制,查找 
 查找上面讲过,就是那三个getElement系列的方法
 增加常用的方法:
 createElement()
 appendChild()
 insertChild()
 clonenote()
 删除节点
 removeChild()
 替换节点
 replaceChild()
 修改
 可以调用节点对象的setAttibute()
 也可以调用节点对象的getAttibute方法来得到指定属性的值
 
 核心DOM操作表格的时候,需要注意
表格在逻辑上分三部分:
thead
tbody
tfoot
其中,tbody,不管你有没有把它显示的写出来,它都是表格的儿子
如果得到所有子节点用childNodes的话,就会包含所有的换行
如果用chirldren,就不会包含换行,所以实际中用如果用chirldren
也可以通过parentNode,nextElementSibling



htmldom操作表格时常用的对象
table对象:表示表格的
常用的属性和方法
rows:返回表格里所有的行,返加一个数组
insertRow(index):在指定位置添加一行
deleteRow(index):删除指定位置的行

tableRow对象:表示行对象的
常用的属性和方法
rowindex:返回该行在表格中的位置
cells:返回该行里所有的单元格,是一个数组
insertCell(index):在指定位置添加单元格
deleteCell(index):删除指定位置的单元格

tableCell对象:表示单元格对象的
常用的属性
cellIndex:返回该单元格在行中的位置
innerHTML:设置或者得到单元格里的内容
align:设置单元格内容的水平排列方式
className:设置单元格引用的类选择器
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值