JavaScript中Document的常用属性

祈0911

于 2024-01-06 10:35:20 发布

阅读量457

点赞数 8

分类专栏： JavaScript 前端文章标签： javascript 开发语言

本文链接：https://blog.csdn.net/m0_71002854/article/details/135421991

版权

JavaScript 同时被 2 个专栏收录

11 篇文章 0 订阅

订阅专栏

前端

10 篇文章 0 订阅

订阅专栏

本文详细介绍了JavaScript中Document对象的常用属性（如URL和title）以及方法（如write()），展示了如何在HTML文档中获取和设置这些信息。

摘要由CSDN通过智能技术生成

什么是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()	创建属性节点。

祈0911

关注

8
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
JavaScript中Document的常用属性

当 HTML 文档加载到 Web 浏览器中时，它就变成了一个文档对象。文档对象是 HTML 文档的根节点。文档对象是窗口对象的属性。通过以下方式访问文档对象：window.document 或仅用 document。属性/方法描述title设置或返回文档的标题。URL返回 HTML 文档的完整 URL。write()动态向页面添加内容scripts返回文档中元素的集合。images返回文档中所有元素的集合。head返回文档的元素。
复制链接

扫一扫