dom简介

来源:互联网 发布:知进退明得失什么意思 编辑:程序博客网 时间:2024/05/02 00:01

  一切皆节点:

HTML树结构

 

 

通过getElementById() 和 getElementsByTagName()得到节点

getElementsByTagName("p");返回所有元素p

var x=document.getElementsByTagName("p");for (var i=0;i<x.length;i++) { // do something with each paragraph }

 

有两种特殊的文档属性可用来访问根节点:

  • document.documentElement
  • document.body

一个属性可返回存在于 XML 以及 HTML 文档中的文档根节点。

第二个属性是对 HTML 页面的特殊扩展,提供了对 <body> 标签的直接访问。

 

这三个属性 parentNode、firstChild 以及 lastChild 用于访问特定节点的下·特定相关节点, 例如:

var x=[a paragraph];var text=x.firstChild.nodeValue;

var x=document.getElementById("maindiv");x.parentNode.removeChild(x);

 

节点信息

每个节点都拥有包含着关于节点某些信息的属性。这些属性是:

  • nodeName(节点名称)
  • nodeValue(节点值)
  • nodeType(节点类型)

      nodeName

      nodeName 属性含有某个节点的名称。

      • 元素节点的 nodeName 是标签名称
      • 属性节点的 nodeName 是属性名称
      • 文本节点的 nodeName 永远是 #text
      • 文档节点的 nodeName 永远是 #document

      注释:nodeName 所包含的 XML 元素的标签名称永远是大写的

       

      nodeValue

      对于文本节点,nodeValue 属性包含文本。

      对于属性节点,nodeValue 属性包含属性值。

      nodeValue 属性对于文档节点和元素节点是不可用的。

       

      nodeType 属性可返回节点的类型。

      最重要的节点类型是:

      元素类型节点类型元素1属性2文本3注释8文档9

       

      window对象:

      Window 对象集合

      集合描述IEFOframes[]

      返回窗口中所有命名的框架。

      该集合是 Window 对象的数组,每个 Window 对象在窗口中含有一个框架或 <iframe>。属性 frames.length 存放数组 frames[] 中含有的元素个数。注意,frames[] 数组中引用的框架可能还包括框架,它们自己也具有 frames[] 数组。

      419

      Window 对象属性

      属性描述IEFOclosed返回窗口是否已被关闭。419defaultStatus设置或返回窗口状态栏中的默认文本。4No9document对 Document 对象的只读引用。请参阅 Document 对象。419history对 History 对象的只读引用。请参数 History 对象。419innerheight返回窗口的文档显示区的高度。NoNoNoinnerwidth返回窗口的文档显示区的宽度。NoNoNolength设置或返回窗口中的框架数量。419location用于窗口或框架的 Location 对象。请参阅 Location 对象。419name设置或返回窗口的名称。419Navigator对 Navigator 对象的只读引用。请参数 Navigator 对象。419opener返回对创建此窗口的窗口的引用。419outerheight返回窗口的外部高度。NoNoNoouterwidth返回窗口的外部宽度。NoNoNopageXOffset设置或返回当前页面相对于窗口显示区左上角的 X 位置。NoNoNopageYOffset设置或返回当前页面相对于窗口显示区左上角的 Y 位置。NoNoNoparent返回父窗口。419Screen对 Screen 对象的只读引用。请参数 Screen 对象。419self返回对当前窗口的引用。等价于 Window 属性。419status设置窗口状态栏的文本。4No9top返回最顶层的先辈窗口。419windowwindow 属性等价于 self 属性,它包含了对窗口自身的引用。419
      • screenLeft
      • screenTop
      • screenX
      • screenY
      只读整数。声明了窗口的左上角在屏幕上的的 x 坐标和 y 坐标。IE、Safari 和 Opera 支持 screenLeft 和 screenTop,而 Firefox 和 Safari 支持 screenX 和 screenY。419

      Window 对象方法

      方法描述IEFOalert()显示带有一段消息和一个确认按钮的警告框。419blur()把键盘焦点从顶层窗口移开。419clearInterval()取消由 setInterval() 设置的 timeout。419clearTimeout()取消由 setTimeout() 方法设置的 timeout。419close()关闭浏览器窗口。419confirm()显示带有一段消息以及确认按钮和取消按钮的对话框。419createPopup()创建一个 pop-up 窗口。4NoNofocus()把键盘焦点给予一个窗口。419moveBy()可相对窗口的当前坐标把它移动指定的像素。419moveTo()把窗口的左上角移动到一个指定的坐标。419open()打开一个新的浏览器窗口或查找一个已命名的窗口。419print()打印当前窗口的内容。519prompt()显示可提示用户输入的对话框。419resizeBy()按照指定的像素调整窗口的大小。419resizeTo()把窗口的大小调整到指定的宽度和高度。41.59scrollBy()按照指定的像素值来滚动内容。419scrollTo()把内容滚动到指定的坐标。419setInterval()按照指定的周期(以毫秒计)来调用函数或计算表达式。419setTimeout()在指定的毫秒数后调用函数或计算表达式。419

       

      navigator对象:

      Navigator 对象集合

      集合描述IEFOplugins[]

      返回对文档中所有嵌入式对象的引用。

      该集合是一个 Plugin 对象的数组,其中的元素代表浏览器已经安装的插件。Plug-in 对象提供的是有关插件的信息,其中包括它所支持的 MIME 类型的列表。

      虽然 plugins[] 数组是由 IE 4 定义的,但是在 IE 4 中它却总是空的,因为 IE 4 不支持插件和 Plugin 对象。

      419

      Navigator 对象属性

      属性描述IEFOappCodeName返回浏览器的代码名。419appMinorVersion返回浏览器的次级版本。4NoNoappName返回浏览器的名称。419appVersion返回浏览器的平台和版本信息。419browserLanguage返回当前浏览器的语言。4No9cookieEnabled返回指明浏览器中是否启用 cookie 的布尔值。419cpuClass返回浏览器系统的 CPU 等级。4NoNoonLine返回指明系统是否处于脱机模式的布尔值。4NoNoplatform返回运行浏览器的操作系统平台。419systemLanguage返回 OS 使用的默认语言。4NoNouserAgent返回由客户机发送服务器的 user-agent 头部的值。419userLanguage返回 OS 的自然语言设置。4No9

      Navigator 对象方法

      方法描述IEFOjavaEnabled()规定浏览器是否启用 Java。419taintEnabled()规定浏览器是否启用数据污点 (data tainting)。419

       

      screen对象:

      Screen 对象属性

      属性

      描述

      IE

      F

      O

      availHeight

      返回显示屏幕的高度 (除 Windows 任务栏之外)。

      4

      1

      9

      availWidth

      返回显示屏幕的宽度 (除 Windows 任务栏之外)。

      4

      1

      9

      bufferDepth

      设置或返回调色板的比特深度。

      4

      No

      No

      colorDepth

      返回目标设备或缓冲器上的调色板的比特深度。

      4

      1

      9

      deviceXDPI

      返回显示屏幕的每英寸水平点数。

      6

      No

      No

      deviceYDPI

      返回显示屏幕的每英寸垂直点数。

      6

      No

      No

      fontSmoothingEnabled

      返回用户是否在显示控制面板中启用了字体平滑。

      4

      No

      No

      height

      返回显示屏幕的高度。

      4

      1

      9

      logicalXDPI

      返回显示屏幕每英寸的水平方向的常规点数。

      6

      No

      No

      logicalYDPI

      返回显示屏幕每英寸的垂直方向的常规点数。

      6

      No

      No

      pixelDepth

      返回显示屏幕的颜色分辨率(比特每像素)。

      No

      1

      9

      updateInterval

      设置或返回屏幕的刷新率。

      4

      No

      No

      width

      返回显示器屏幕的宽度。

      4

      1

      9

       

      history对象:

      History 对象属性

      属性描述IEFOlength返回浏览器历史列表中的 URL 数量。419

      History 对象方法

      方法描述IEFOback()加载 history 列表中的前一个 URL。419forward()加载 history 列表中的下一个 URL。419go()加载 history 列表中的某个具体页面。419

       

      location对象:

      Location 对象属性

      属性描述IEFOhash设置或返回从井号 (#) 开始的 URL(锚)。419host设置或返回主机名和当前 URL 的端口号。419hostname设置或返回当前 URL 的主机名。419href设置或返回完整的 URL。419pathname设置或返回当前 URL 的路径部分。419port设置或返回当前 URL 的端口号。419protocol设置或返回当前 URL 的协议。419search设置或返回从问号 (?) 开始的 URL(查询部分)。419

      Location 对象方法

      属性描述IEFOassign()加载新的文档。419reload()重新加载当前文档。419replace()用新的文档替换当前文档。419

       

      以上是browser相关对象。

       

      其他dom对象可参考:

      http://www.w3school.com.cn/htmldom/

       

       

       

      原创粉丝点击