JavaScript中Document的常用属性

2024-01-09 06:06:38

什么是Document对象

当 HTML 文档加载到 Web 浏览器中时,它就变成了一个文档对象。

文档对象是 HTML 文档的根节点。

文档对象是窗口对象的属性。

通过以下方式访问文档对象:

window.document 或仅用 document。

JavaScript中的常用属性和常用方法

1、常用属性

URL :返回 HTML 文档的完整 URL。

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>

<h1>Document对象</h1>

<h2>URL 属性</h2>

<p id="demo"></p>

<script>
  var url = document.URL;
  document.getElementById("demo").innerHTML = url;
</script>


</body>
</html>

效果展示:

在这里插入图片描述

title :设置或返回文档的标题。

<!DOCTYPE html>
<html>
<title>我的标题</title>

<body>
<h1>Document 对象</h1>

<h2>title 属性</h2>

<p>本文档的标题是:</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = document.title;
</script>

</body>
</html>

效果展示:
在这里插入图片描述

scripts:

定义和用法:

scripts 属性返回文档中所有

scripts 属性返回 HTMLCollection。

scripts 属性是只读的。

<scripts>
alter("hello world")
</scripts>

2、常用方法

write()方法

document.write("Hello World!");

效果展示:
在这里插入图片描述

总结

属性/方法描述
title设置或返回文档的标题。
URL返回 HTML 文档的完整 URL。
write()动态向页面添加内容
scripts返回文档中 <script> 元素的集合。
images返回文档中所有 <img> 元素的集合。
head返回文档的 <head> 元素。
getElementsByTagName()返回包含拥有指定标签名称的所有元素的 HTMLCollection。
getElementsByName()返回包含拥有指定名称的所有元素的活动 NodeList。
getElementsByClassName()返回包含拥有指定类名的所有元素的 HTMLCollection。
getElementById()返回拥有指定值的 ID 属性的元素。
createTextNode()创建文本节点。
body设置或返回文档的正文<body> 元素)
createElement()创建元素节点。
createAttribute()创建属性节点。

文章来源:https://blog.csdn.net/m0_71002854/article/details/135421991
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。