JS 的 Document工具

Document 工具是是window工具的一个属性,因此可以将document工具作为一个全局工具来访问。当浏览器载入 HTML 文档, 它就会成为 Document 工具。 Document工具的 属性和方式 1.html元素和body...

Document 工具是是window工具的一个属性,因此可以将document工具作为一个全局工具来访问。当浏览器载入 HTML 文档, 它就会成为 Document 工具


Document工具的 属性和方式

1.html米素和body工具

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

  document.body  获取文档的body米素


2.文档信息

  document.title    获取文档题目<title>My title</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()    建立文本节点


思源资源网:分类流动

1.阿里云: 本站现在使用的是阿里云主机,平安/可靠/稳固。点击领取2000米代金券、领会最新阿里云产物的种种优惠流动点击进入

2.腾讯云: 提供云服务器、云数据库、云存储、视频与CDN、域名等服务。腾讯云各种产物的最新流动,优惠券领取点击进入

3.广告同盟: 整理了现在主流的广告同盟平台,若是你有流量,可以作为参考选择适合你的平台点击进入

链接: http://www.fly63.com/article/detial/4594

  • 发表于 2021-04-26 07:11
  • 阅读 ( 285 )
  • 分类:互联网

0 条评论

请先 登录 后评论
Q7888
Q7888

648 篇文章

你可能感兴趣的文章

相关问题