BOM与DOM

BOM(Browser Object Model)

浏览器对象模型

window尺寸

　　window.innerHeight 高

　　　　　　innerWidth 宽(可视区域)

对于IE8.7.6.5

　　document.documentElement.clienHeight

　　　　　　　　　　　　　　　　  .clienWidth

或

　　document.body.clientHeight

　　　　　　　　　　.clientWidth

滚动跳转scrollBy和scrollTo

　　scrollBy(x，y)  内容滚动...像素

　　scrollTo(x，y)  内容滚动到指定的坐标

循环

　　setInterval(code,millisec[,"lang"]

　　按照指定周期，调用函数表达式。可以无限次循环。

　　clearInterval()

　　清楚调用事件

　　setTimeOut(code,millisec)

　　在指定毫秒后调用函数表达式。执行1次。

　　clearTimeOut

　　清楚。。。

　　时间单位为毫秒，1000毫秒=1秒

history

　　对象：length

　　方法：back()        加载前一个URL

　　　　　forward()    加载下一个URL

　　　　　go()           加载具体页面

　　open和close不会产生history

 

DOM（Document Object Model)

文本对象模型

 

HTML DOM树

　　HTML DOM是关于如何获取、修改、添加或删除HTML元素的标准。

一切皆对象：

getElementById()元素

getElementByName()集合  name不唯一--数组

getElementByTagName()返回带有指定标签名的对象的集合

getElementByclassName()返回类还需要继续查找具体的元素"[0]"

不区分大小写，返回元素的顺序使他们在文档中的顺序。

一些常用的 HTML DOM 属性

innerHTML - 节点（元素）的文本值 

parentNode - 节点（元素）的父节点 

childNodes - 节点（元素）的子节点 

attributes - 节点（元素）的属性节点 

innerHTML 属性

获取元素内容的最简单方法是使用 innerHTML 属性。

innerHTML 属性对于获取或替换 HTML 元素的内容很有用。

nodeName 属性

nodeName 属性规定节点的名称。

nodeName 是只读的 

元素节点的 nodeName 与标签名相同 

属性节点的 nodeName 与属性名相同 

文本节点的 nodeName 始终是 #text 

文档节点的 nodeName 始终是 #document 

注释：nodeName 始终包含 HTML 元素的大写字母标签名。

nodeValue 属性

nodeValue 属性规定节点的值。

元素节点的 nodeValue 是 undefined 或 null 

文本节点的 nodeValue 是文本本身 

属性节点的 nodeValue 是属性值 

增删改查

增：append insert

删：remove

改：replace

查：获取

NODE属性

nextsiBling:下一个兄弟节点

previousSibling:上一个兄弟节点

    节点中文    nodetype节点类型  nodename节点名  nodevalue节点值
    
    元素              1                tagName            null
    
    属性                2                attr            属性值

    文本                3                #text            文本值

    注释                8                #comment        注释文字

    文档                9                #document        null

creatElement创建元素

creatTextNode创建文本内容

 

转载于:https://www.cnblogs.com/dh55/p/5493807.html