下载安卓APP箭头
箭头给我发消息

客服QQ:3315713922

web前端:JS 的 Document对象

作者:zyueer     来源: https://www.cnblogs.com/zyueer/p/11327010.html点击数:1064发布时间: 2020-02-28 11:08:49

标签: htmlJS脚本

Web开发

  每个载入浏览器的html文档都会成为Document对象。Document对象使我们可以从脚本中对HTML页面中的所有元素进行访问。提示:Document对象是window对象的一部分,可通过window.document属性对其进行访问。

  Document对象是是window对象的一个属性,因此可以将document对象作为一个全局对象来访问。

  当浏览器载入HTML文档,它就会成为Document对象。

  Document对象的属性和方法

  1.html元素和body对象

  document.documentElement获取html元素,文档的根节点

  document.body获取文档的body元素

  2.文档信息

  document.title获取文档标题<title>Mytitle</title>

  document.URL返回文档完整的URL比如:{协议}://{用户名}:{密码}@{主机名}:{端口号}/{路径}/{文件}?{参数}

  document.domain返回当前文档的域名。

  document.referrer返回载入当前页面的URL

  3.获取元素--Element

  getElementById();

  getElementsByTagName();标签

  getElementsByName();name

  getElementsByClassName();

  querySelector();获取匹配的第一个元素!()中可以是css选择器的标准形式兼容到css2.(id,类,类型,属性,属性值)。

  querySelectorAll();获取元素集合,()中可以是css选择器的标准形式兼容到css2.

  4.文档写入

  write()向文档写HTML表达式或Javascript代码。

  open()打开一个流,用来收集来自任何write()或writeln()方法的输出。

  close()关闭输入流,并显示数据

  5.特殊集合

  1)document.anchors:返回文档中所有带那么特性的<a>元素。

  2)document.forms:返回文档中所有的<form>元素,与document.getElementByTagName("form")的到的结果相同。

  3)document.images:返回文档中所有的<img>元素,与document.getElementByTagName("img")的到的结果相同。

  4.document.links:返回文档中所有带href特性的<a>元素。

  6.其他

  document.addEventListener()向文档添加句柄

  removeEventListener()

  document.cookie()设置或返回与当前文档有关的所有cookie

  createElement()创建元素节点

  createTextNode()创建文本节点

  HTML Document接口对 DOMDocument接口进行了扩展,定义HTML专用的属性和方法。很多属性和方法都是HTMLCollection对象(实际上是可以用数组或名称索引的只读数组),其中保存了对锚、表单、链接以及其他可脚本元素的引用。

赞(15)
踩(0)
分享到:
华为认证网络工程师 HCIE直播课视频教程