JavaScript获取DOM对象的几种方式

最新推荐文章于 2024-07-22 08:55:10 发布
最新推荐文章于 2024-07-22 08:55:10 发布
阅读量161 收藏
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/fantianlong/p/9961075.html
版权

1.getElementById() 方法可返回对拥有指定 ID 的第一个对象的引用

2.getElementsByName() 方法可返回带有指定名称的对象的集合

3.getElementsByTagName() 方法可返回带有指定标签名的对象的集合

4.getElementsByClassName() 方法可返回带有指定类名的对象的集合

5.document.querySelector() 方法可返回匹配指定 CSS 选择器的一个对象的引用

6.document.querySelectorAll() 方法可返回匹配指定 CSS 选择器的的对象的集合

7.document.body提供对 <body> 元素的直接访问

8.document.forms返回对文档中所有 Form 对象引用

9.表单名.控件名.value可以用来获取表单控件的值

9.document.title返回当前文档的标题

转载于:https://www.cnblogs.com/fantianlong/p/9961075.html

weixin_30530339
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript中的DOM对象
timoru的博客
03-21 139
DOM--Document Object Model[文档对象模型] 当网页被加载时，浏览器会创建页面的文档对象模型。 HTML DOM模型被构造为对象的树 javascript不认识html标记，如果我们要想让javascript处理html标记，就得想尽一切办法，把html标记编程javascript对象。 问题：我们要怎么做才能把html标记，变成javascript对象？ 答案：我们通过javascript提供的document对象的方法可以将html标记变成javascript对...
javascript中的DOM对象
weixin_46557105的博客
07-02 110
DOM：Document Object Model (文档对象模型) 节点与节点的关系 DOM对象的方法 访问DOM中的元素要通过以下几个方法获取： getElementById() getElementsByTagName() getElementsByClassName() 综合案例： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title
Javascript-获取DOM元素的五种方法
Ass12454548的博客
01-15 3998
简介本文主要介绍通过JS获取DOM元素的五种方法:1.根据id名获取元素:getElementById;2.根据标签名获取元素:getElementsByTagName,返回一个数组;3.根据类名获取元素:getElementsBClassName,返回一个数组;4.根据name属性获取元素:getElementsByName,返回一个数组;5.根据选择器获取元素:1.querySelector:获取一个元素,推荐使用,用法类似写css;
JavaScript获取DOM对象常用方法
『愚』的博客
11-15 4010
获取DOM对象的常用方法有如下几种： getElementById() 通过元素的ID属性获取DOM对象，获取的是一个DOM对象。 getElementsByTagName() 通过元素的标签名获取DOM对象，获取的是一组DOM对象。 getElementsByClassName() 通过元素的class属性获取DOM对象，获取的是一组DOM对象。 getElementsByName() 通过元素的name属性获取DOM对象，获取的是一组DOM对象。 样例代码： <!DOCTYPE html&gt
JS-获取DOM元素的五种方法
weixin_43937466的博客
09-04 1万+
根据id名获取元素：getElementById;根据标签名获取元素：getElementsByTagName，返回一个数组；根据类名获取元素：getElementsByClassName，返回一个数组；根据name属性值获取元素：getElementsByName，返回一个数组；根据选择器获取元素：querySelector：获取一个元素，推荐使用 用法类似写css；querySelectorAll：返回一个元素数组。more。
JS——DOM对象常用方法知识简记
TKY666的博客
05-01 3821
目录 获取DOM对象方法一 1.通过id获取 2. 通过class(类名)获取 3. 通过标签名获取 4. 通过name属性获取 5. 通过querySelector（选择器）获取 6. 通过querySelectorAll获取 获取特殊对象方法 body html 获取或返回元素内容方法 JS与CSS交互 js添加与修改属性样式 样式获取（查询） 类操作 DOM节点 节点属性操作 节点操作（增删复插替） 获取DOM对象方法二 节点查找 父节点查找子节点方法...
获取DOM对象的五种方式
微风的博客
08-15 2622
#获取DOM对象的五种方式 ##一，通过ID获取DOM对象 ``` varxx=document.getElementById（'xx'） ``` ##二.通过签名获取DOM对象 ``` varxx=document.getElementsByTagId（'xx'） ``` ##三.通过类名获取DOM对象（获取的） ``` varxx=document.getElementsByClassName('xx') ``` ##...
JavaScript中DOM对象的思维导图
11-05
JavaScript中的DOM对象是Web开发中不可或缺的一部分，它允许开发者通过编程方式访问和操作HTML和XML文档。DOM，即Document Object Model，是一种标准，用于表示和交互网页内容的标准模型。在这个模型中，整个HTML...
JavaScript遍历DOM元素的常见方式示例
12-12
本文将详细介绍几种常见的遍历DOM元素的方法，并通过示例进行解析。 1. 使用`firstChild`和`lastChild`： `firstChild`属性返回一个节点的第一个子节点，而`lastChild`则返回最后一个子节点。然而，由于不同浏览器...
javaScript使用EL表达式的几种方式
10-25
以下我们将探讨几种在JavaScript中使用EL表达式的方法： 1. **双引号括起的EL表达式** 这种方式适用于简单的属性访问，如`${param}`，这里的`param`通常是HTTP请求参数的名称。这种方式会将EL表达式的结果直接嵌入...
DOM.zip_JavaScript dom_it
09-24
JavaScript DOM（Document Object Model）是Web开发中的一个关键概念，它是一种标准，允许程序员通过JavaScript或其他脚本语言来访问和操作HTML或XML文档的结构、内容以及样式。DOM将网页内容表示为一棵由节点组成的...
JavaScript获取当前页面上的指定对象示例代码
12-09
本文将详细介绍几种常见的方法，并通过示例代码来展示如何使用它们。 首先，`document.getElementById()` 是JavaScript中最常用的获取对象的方法。它接收一个参数，即HTML元素的ID，返回的是一个DOM对象，该对象...
获取dom对象(页面元素)的几种方法。
m0_48541096的博客
05-02 592
1.获取dom对象(页面元素) // 1）querySelector...选择方法 // var li1 = document.querySelector("li:nth-child(3)"); // var li1 = document.querySelector(".li1"); // var lis = document.querySelectorAll("li"); // con...
获取dom页面文档对象的5种方法~js篇
qq_64970126的博客
04-17 2363
1、通过ID获取： document.getElementById( ‘ID名’); 2、通过标签名获取：getElementsByTagName(‘指定的标签’）； 3、通过标签名获取某个标签准确的子元素：’明确的变量‘.getElenentsTagName(‘指定的标签’); 4、h5新增获取元素方法 5、获取特殊元素( body , html )获取body元素
原生js获取DOM对象的几种方法
热门推荐
Dancy的博客......
06-15 5万+
通过id获取 &amp;amp;lt;div id=&amp;quot;box&amp;quot;&amp;amp;gt;&amp;amp;lt;/div&amp;amp;gt; &amp;amp;lt;script&amp;amp;gt; let box= document.getElementById(&amp;quot;box&amp;quot;); &amp;amp;lt;/script&a
javascript三种获取dom对象的方法
老杨的博客
09-05 6954
1、getElementById() getElementById() 方法可返回对拥有指定 ID 的第一个对象的引用。 function getValue() { var x=document.getElementById("myHeader") alert(x.innerHTML) } This is a header Click on the heade
javascript中获取 DOM 元素的几种方式
夸克IT
12-14 4018
回顾 上一篇中我们初步了解了代码提交的规范，这个规范也是业内相当知名的规范，建议添加到你的项目中熟悉熟悉。有什么不懂得欢迎随时留言~ 在之前我们已经把 JavaScript 基础部分全部学完了，基础部分一共分为了10篇，在10篇的内容中需要记住的东西还是挺多，所以需要你多在编辑器中敲一敲。应用在实际的场景中，纸上得来终觉浅，绝知此事要躬行。 WebApi 从这篇及往后我们要进一步扩展知识面了，来到了 js 中进阶的部分—— WebApi，初来乍到你肯定会问这个 WebApi 是什么？API：顾名思义就是接口
Javascript获取DOM对象的8种方法
花妖
03-25 537
（1） 通过ID获取（getElementById） （2）通过name属性（getElementByName） （3）通过标签名（getElementByTagName） （4）通过类名（getElementClassName） （5）获取html的方法（document.documentElement） （6）获取body的方法（document.body） （7）通过选择器获取一...
Vue 3 和 SpringBoot 实现文件分片上传示例
最新发布
exlink2012的专栏
07-22 443
实现分片上传，并使用Spring Boot在后端保存文件。前端将文件分片并逐个上传到后端，后端接收到所有分片后再进行合并，最终保存为一个完整文件。
JavaScript DOM对象编程：事件处理与Window方法详解
在JavaScript DOM对象模型编程的第一讲中，课程主要围绕浏览器文档对象模型(DOM)进行讲解。DOM是JavaScript中用于处理HTML和XML文档的标准API，它将网页文档视为由节点组成的一个树状结构，通过这些对象可以动态地...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值