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