博客

JavaScript Document对象DOM

  • Post author:
  • Post category:java




Document对象 DOM



描述

  • 每个载入浏览器的HTML文档都会成为Document对象
  • Document对象使我们可以从脚本中对HTML页面中的所有元素进行访问
  • Document 对象是 Window 对象的一部分，可通过 window.document 属性对其进行访问。
  • 当浏览器打开一个HTML文档时，浏览器解析HTML文档的标签，并创建表示这些标签的对象，这些对象就是HTML文档对象
  • 文档对象即Document对象，指的是一回事


HTML DOM 模型被构造为对象的树

在这里插入图片描述


JavaScript DOM知识脑图

在这里插入图片描述



DOM对象属性

属性 说明

document.title
 		设置文档标题等价于HTML的
<br /> 标签<br />

document.bgColor
 		设置页面背景色

document.linkColor
 		未点击过的链接颜色

document.alinkColor
 		激活链接(焦点在此链接上)的颜色

document.fgColor
 		设置前景色(文本颜色)

document.vlinkColor
 		已点击过的链接颜色

document.URL
 		设置URL属性从而在同一窗口打开另一网页

document.fileCreatedDate
 		文件建立日期，只读属性

document.fileModifiedDate
 		文件修改日期，只读属性

document.fileSize
 		文件大小，只读属性

document.cookie
 		设置和读出cookie

document.charset
 		设置字符集 简体中文:gb2312



DOM对象方法


  • document.write()

    ：向文档写HTML表达式或JavaScript代码；注：文档加载之后使用document.write()会覆盖原文档

  • document.getElementById()

    ：返回对拥有指定 id 对象的引用

  • document.getElementsByName()

    ：返回带有指定名称的对象集合

  • document.getElementByTagName()

    ：返回带有指定标签名的对象集合

  • document.createElement()

    ：创建元素节点；要与

    appendChild()

    或

    insertBefore()

    方法联合使用

    a、

    element.appendChild()

    ：向元素添加新的子节点，作为最后一个子节点

    b、

    element.removeChild(id)

    ：从元素中移除子节点



获取或设置元素属性


  • 元素对象.属性名 = “属性值”;

    ：获取或设置元素属性

  • element.innerHTML

    ：设置或返回元素的内容，可以包含HTML标签

  • element.innerText

    ：设置或返回元素的内容

  • elem


版权声明：本文为UserPython原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
Tags: