document属性

最新推荐文章于 2025-08-07 21:48:39 发布
原创 最新推荐文章于 2025-08-07 21:48:39 发布 · 1k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#input #button #div #javascript #applet #function

 1.document和document.all

 

参见http://www.w3school.com.cn/htmldom/dom_obj_document.asp

 

　如果与a,form对象，image对象，applet,input对象相对应的html标记中设定了name性质，它的值将被用作document对象的属性名，用来引用相应的对象，其他的对象则不可以。例如

　<div id="aa">123456</div>
　　<input type="button" value="这里用 document 就出错" onclick="alert(document.aa.innerText);" />
　　<br />
　　<input type="button" value="这里用 document.all 就不出错" onclick="alert(document.all.aa.innerText);" />


　另外,input等如果作为form的子元素,则直接用inputName或者document.inputName来引用此对象就是错误的,必须使用formName.inputName引用,否则就可以使用inputName来引用.例如

 

2.document.all的用法

 

3.documen的方法

getElementById()

getElementsByName()

getElementsByTagName()

 

quechao123
关注
document.querySelector() DOM方法详解
weixin_44844866的博客
04-25 2555
一、作用：可通过多种方法获取html元素 语法：参数为字符串，要带上css选择器标识符 document.querySelector('TagName') // 以标签名返回一个元素 document.querySelector('#id') // 以id名返回一个元素 document.querySelector('.className') // 以classs名返回一个元素 document.querySelector('.className div') // 最后这
document.querySelector()方法
热门推荐
qq_44885775的博客
04-26 7万+
javascript dom 查找匹配
js中的document.querySelector()方法
withkai44的博客
11-29 1万+
ParentNode.querySelectorAll()的结果是NodeList数组，但是又不是一般的js数组（Array），所以也不能直接调用Array的方法。当页面中出现多个相同class标签(或者多个相同标签(比如多个div))时，如果你需要返回所有的元素，请使用 querySelectorAll() 方法替代。位于元素之前，元素将会被设置指定的背景颜色，总结，多元素选择时，哪个先匹配就是谁咯，只有一个被选中。querySelector() 方法仅仅返回匹配指定选择器的第一个元素。
querySelectorAll 方法相比 getElementsBy 系列方法有什么区别？
08-12 1020
1. W3C 标准 querySelectorAll 属于 W3C 中的 Selectors API 规范 [1]。而 getElementsBy 系列则属于 W3C 的 DOM 规范 [2]。 2. 浏览器兼容 querySelectorAll 已被 IE 8+、FF 3.5+、Safari 3.1+、Chrome 和 Opera 10+ 良好支持 。 getElementsBy 系
逻辑学DOM 看完永不忘记
逆向人生的博客
04-19 383
JavaScript核心 DOM BOM操作(一) 1. 定义 Web API API 是给程序员提供的一种工具，以便能更轻松的实现想要完成的功能. Web API 是浏览器提供的一套操作浏览器功能和页面元素的API（DOM和BOM） DOM BOM BOM+DOM结构 ...
Document的常用属性
weixin_69026046的博客
01-08 1705
浏览器对外提供的支持的用来操作文档的一个对象，此对象封存的文档的所有信息。Document节点：全称为，即文档对象模型，是一套管理控制文档的规则，而节点则是一种具象化的表现形式 的常用方法： 事件： 主体子对象： 三，举例应用 获取元素对象 1， 2、 3、可以用于也可以用元素。返回具有指定的子元素列表（数组）。你可以遍历这个数组获得每一个单独的子元素。当处理很大的`DOM结构，使用这种方法可以很容易的所有缩小范围。 4， 向当前节点对
JavaScript核心之Document对象详解（document属性，方法）
上善若泪
04-30 2万+
目录 1 Document节点概述 2 document节点的属性 2.1 doctype，documentElement，defaultView，body，head，activeElement 2.1.1 doctype 2.1.2 documentElement 2.1.3 defaultView 2.1.4 body 2.1.5 head 2.1.6 activeEleme...
javascript 的Document属性和方法集合
10-29
Document对象提供了很多属性和方法来与网页内容进行交互，从而实现动态的网页效果。 首先，Document对象有很多属性用于获取和设置文档的各种信息。例如，document.title属性可以用来设置或获取HTML文档的标题，与...
JS的Document属性和方法小结
10-26
本文主要对Document对象的属性和方法进行一个小结，并通过示例详细介绍每个属性和方法，帮助开发者更好地理解和使用Document对象。 首先，Document对象的属性允许开发者读取文档的各种信息以及设置文档的部分属性。...
JavaScript 节点操作 以及DOMDocument属性和方法
10-30
DOMDocument对象是这个模型的核心，它代表了整个文档，并提供了访问和操作文档中各个元素的方法和属性。 首先，DOMDocument对象的一些重要属性包括： 1. `Attributes`: 这个属性是一个只读的NamedNodeMap，存储了...
document.querySelector()选择器的用法
qq_36465515的博客
12-10 3866
<html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div id="myId"></div> <div class="myClass"></div> </body> <script type="text/javascript"> var d
ref存储对象和reactive深度响应式递归地对对象的嵌套属性进行响应式处理
lf_1234的博客
08-06 858
摘要：ref 不会递归处理对象的嵌套属性，仅对顶层数据进行响应式处理。若需深度响应式，应使用 reactive。示例中，ref 存储的嵌套对象 profile 修改后视图不会更新，而 reactive 能确保嵌套属性（如 age）触发更新。总结：ref 适合基本类型或简单对象（需 .value），reactive 适合复杂对象（自动深度响应式）。
vue3入门-概览讲解
曹定栓的博客
08-04 652
本文介绍了Vue3项目创建和基本结构，重点对比了Vue2选项式API和Vue3组合式API的差异。Vue3使用Vite作为构建工具，相比Webpack具有更快的启动和热更新速度。文章通过一个显示div和切换背景色的示例，展示了组合式API将相关逻辑集中管理的优势，并介绍了如何通过模块化拆分setup函数来提高可维护性。最后指出选项式API适合简单场景，而组合式API更适合复杂逻辑复用和TypeScript项目。
使用萤石云播放视频及主题模版配置
多看书少吃饭的博客
08-07 484
本文介绍了如何在H5页面中集成萤石云视频播放功能。首先需要安装ezuikit-js依赖，然后通过EZUIKitPlayer组件传入accessToken和视频URL即可实现基础播放功能。文章详细说明了两种版本（UIKIT和UIKITPRO）的区别，并提供了完整的代码示例，包括视频容器设置、自动播放配置和样式调整。此外，还介绍了如何通过template字段自定义视频主题模板，包括官方模板和自定义模板两种方式。最后提及了WEB端和H5端均可进行模板配置，为开发者提供了完整的萤石云视频接入解决方案。
【JS】扁平树数据转为树结构
最新发布
此人太懒，没有任何简介
08-07 174
摘要：本文展示了如何将扁平数据结构转换为树形结构的JavaScript实现。通过buildTree函数，可以根据指定的ID和父ID字段将扁平数据转换为嵌套的树形结构，并可选地删除空子节点。示例代码演示了如何将包含公司部门信息的扁平数据转换为层级分明的树状结构，结果输出为JSON格式的树形数据。该工具函数适用于处理组织机构、菜单等需要层级展示的数据场景。
Vue3 学习教程，从入门到精通， Vue 3 实例选项语法详解与案例代码(29）
qq_45746668的博客
08-07 783
本文详细介绍了Vue 3的实例选项语法，包括数据选项、DOM选项、生命周期钩子等核心概念。通过一个完整的待办事项应用示例，展示了各选项的实际应用场景，如data定义响应式数据、methods编写组件方法、computed计算属性、watch监听数据变化等。示例代码包含详细注释，涵盖组件注册、指令定义、事件处理等常见功能，并演示了从父组件到子组件的数据传递和通信方式。文章适合Vue 3初学者全面了解组件选项的用法和组合方式。
JavaScript Array（数组）
wjs2024的博客
08-07 381
Array 对象是 JavaScript 中的一个内置对象，它提供了一系列用于数组操作的函数和方法。使用 Array 对象可以方便地创建、访问、修改和删除数组元素。本文详细介绍了 JavaScript 中的 Array 对象，包括其基本用法、方法、属性以及在实际开发中的应用。掌握 Array 对象，有助于提高 JavaScript 编程水平，提升开发效率。希望本文对您有所帮助。2278字标题包含关键词“JavaScript”和“Array”，提高搜索排名。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值