获取DOM元素的三种方法

最新推荐文章于 2022-01-21 19:58:25 发布
最新推荐文章于 2022-01-21 19:58:25 发布
阅读量102 收藏
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/xiuxiu123456/p/8492096.html
版权 
 1 <!doctype html>
 2 <html lang="en">
 3  <head>
 4   <meta charset="UTF-8">
 5   <meta name="Generator" content="EditPlus®">
 6   <meta name="Author" content="">
 7   <meta name="Keywords" content="">
 8   <meta name="Description" content="">
 9   <title>获取DOM元素的三种方法</title>
10  </head>
11  <body οnlοad="getElement()">
12     <script type="text/javascript">
13         function getElement(){
14             //getElementsByTagName根据标签名
15             var a=document.getElementsByTagName("input")
16             alert(a.length)//4
17             //getElementsByName根据name值
18             var b=document.getElementsByName("aihao")
19             alert(b.length)//3
20             //getElementById根据id值
21             var c=document.getElementById("c")
22             alert(c.value)
23 
24         }
25     </script>
26     <input type="checkbox" name="aihao" value="001">抽烟<br>
27     <input type="checkbox" name="aihao" value="002">喝酒<br>
28     <input type="checkbox" name="aihao" value="003">烫头<br>
29     <input type="text" id="c" name="c" value="004">
30   
31  </body>
32 </html>

 

转载于:https://www.cnblogs.com/xiuxiu123456/p/8492096.html

weixin_30580943
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HTML中获取Dom元素的方法
Ryan的博客
05-24 4373
HTML中获取Dom元素的方法 1.getElementsByTagName()方法：获取标签，获取的值是一个数组形式；然后再通过数组下标来准确得到自己想要的值 //getElementsByTagName 获取标签方法 获取的值是一个数组形式 //通过索引下标获取第一个li 定义变量接收 const xx = document.getElementsByTag...
DOM获取元素的几种方式
qq_46492364的博客
05-25 2109
文章目录一、对象1.对象的概念2.对象字面量 # 前言 这部分学习Web API,包括DOM和BOM。JavaScript包括ES、DOM、BOM三个部分，其中ES是ECMAScript，是JavaScript的核心，是一套 一、对象 1.对象的概念 JavaScript中的对象其实就是生活中对象的一个抽象。JavaScript的对象是无序属性的集合。 其属性可以包含基本值、对象或函数。对象就是一组没有顺序的值。我们可以把JavaScript 中的对象想象成键值对，其中值可以是数据和函数。 2.对象字面
获取Dom元素的几种方式的详细解读
weixin_52580981的博客
01-21 3790
JS获取DOM元素的8种方法 通过ID获取（getElementById） 通过name属性（getElementsByName） 通过标签名（getElementsByTagName） 通过类名（getElementsByClassName） 获取html的方法（document.documentElement） 获取body的方法（document.body） 通过选择器获取一个元素（querySelector）（开发常用） 通过选择器获取一组元素（querySelectorAll）（开发常用） 获
获取元素的3方法
似水流年，举重若轻
03-09 506
1.用getElementById()获取元素，它返回的是一个对象，所以Element不写s2.用getElementsByTagName()获取元素，它返回的是数组，所以Element写s随意写了一个html，其中有5个p元素，但获取其length时，却警告了7个，代码如下。&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; ...
DOM获取元素的方法
weixin_36282409的博客
02-21 1315
DOM获取元素的方法： DOM：document object model 文档对象模型，提供一些属性和方法可以让我们去操作DOM元素； 获取方法： document.getElementById //一个元素对象 [context].getElementsByTagName //元素集合 [context].getElementsByClassName //元素集合 document.getE...
form-generator表单生成器使用总结~~
热门推荐
qq_29263331的博客
11-14 1万+
表单设计器中开发自定义组件流程 src\components\generator\config.js 中添加一个json src\compontnes\目录下创建对应的组件 main.js中全局注册刚创建的组件 src\views\index\RightPanel.vue 中绑定第一步中json中添加的各个属性值 详细步骤 步骤一： src\components\generator\config.js 中添加一个json export const layoutComponents = [ {
获取DOM元素的方法
weixin_45259626的博客
04-21 2083
JS获取dom方法： 1.通过ID获取（getElementById） <div id="box"></div> <script> let box= document.getElementById("box"); </script> getElementById()括号中的不需要在前面加“#”，因为方法就决定了括号中的值是一个元素的id值。...
在vue中获取dom元素内容的方法
08-30
在 Vue 中获取 DOM 元素内容是开发者经常遇到的问题，而解决这个问题的方法很多，今天我们就来讨论其中的一种，即使用 ref 属性来获取 DOM 元素内容。 使用 ref 属性获取 DOM 元素内容是 Vue 中最常用的方法，这种...
JavaScript获取DOM元素的11种方法总结
10-24
本文总结了11种常见的JavaScript获取DOM元素的方法，并将它们分为四大类。这些方法可以帮助开发者高效准确地选取DOM元素。 首先，我们可以根据顶层document节点来获取元素。这类方法通常用于直接根据元素的某些属性...
vue获取DOM元素并设置属性的两种实现方法
08-29
首先，通过id获取DOM元素是最传统也是最常见的一种方法。在HTML中给需要操作的元素添加一个唯一的id，然后使用JavaScript的document.getElementById()方法来获取该元素。一旦元素被获取，我们就可以对其进行各种操作...
vue获取dom元素注意事项
08-28
vue获取DOM元素注意事项 vue获取DOM元素注意事项是vue开发中的一個重要知识点。获取DOM元素的高或内容是非常常见的需求，但是很多开发者都...这些方法可以帮助我们正确地获取DOM元素，并解决了vue获取DOM元素的困难。
DOM获取元素的几种方法
HXGNMSL的博客
03-26 502
DOM根据id获取元素 var div = document.getElementById('main'); console.log(div); // 获取到的数据类型 HTMLDivElement，对象都是有类型的 // HTMLDivElement <-- HTMLElement <-- Element <-- Node <-- EventTarget DOM...
JS获取DOM元素的方法（8种）_你看我独自一人_新浪博客
weixin_38373875的博客
06-22 411
通过ID获取（getElementById） 通过name属性（getElementsByName） 通过标签名（getElementsByTagName） 通过类名（getElementsByClassName） 通过选择器获取一个元素（querySelector） 通过选择器获取一组元素（querySelectorAll） 获取html的方法（document.docu...
获取元素的几种方法
weixin_44901028的博客
04-12 532
获取元素的几种方法1.根据ID获取元素2.根据标签名获取元素3.根据类名获取元素4.根据元素的层级关系来获取元素5.H5新增方法（有兼容问题） 1.根据ID获取元素 document.getElementById('id'); 2.根据标签名获取元素 document.getElementByTagName('标签名'); 3.根据类名获取元素 document.getElementByCla...
js中Dom获取页面元素的方法
dust__的博客
07-18 2670
获取页面元素中的方法: (1)getElementById 通过Id值获取 var oDiv = document.getElementById('div'); alert(oDiv)//返回[object HTMLDivElement] (2)getElementByTagName 通过标签名称获取 var oDiv = document.getElementsByTagName...
三种读取选定元素内容的方法
weixin_44560796的博客
06-09 867
读取、修改元素的HTML结构或者元素的文本内容是常见的DOM操作，jQuery针对这样的处理提供了两个便捷的方法：.html()与.text()。html()方法是获取集合中第一个匹配元素的HTML内容或者设置每一个匹配元素的HTML内容，具体有三种方法： html（）不传入值，就是获取集合中第一个匹配元素的HTML内容； html（htmlString）设置每一个匹配元素的HTML内容； ht...
JavaScript常见获取元素的方法
qq_41995398的博客
08-05 568
Js中有很多获取元素的方法，本文讨论了较为常见的几种方法. 1.getElementById('demo'): 该方法会返回一个Id值为'demo'的节点，该方法定义在Document.prototype上面，Element节点是不能调用的，只能被document调用 , var Node = document.getEle...
Dom--获取元素的三种方式
BarryLee的博客
07-10 3734
Dom即document，是指显示网页内容的部分，也就是这一块：有三种方式来获取其中的元素，反别是getElementById, getElementsByTagName, getElementsByName&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;dom-获取...
form-generator解析组件与数据回显
abc_ABC123A的博客
10-30 3546
1. 解析生成配置好的组件 a. 引入解析代码的组件 import Parser from 'form-gen-parser' b. 加入组件到需要展示的位置 <parser :form-conf="formConf"></parser> c. 把需要解析的内容放到formConf中去，需要是json数组对象，不是字符串 this.formConf = JSON.parse(your-formConf) 2. 数据回显 a. 准备数据源 this.formData b. 给f
获取dom元素的方法
最新发布
08-18
获取 DOM 元素的方法有多种，常用的包括以下几种： 1. 通过元素的 ID 获取： - `getElementById(id)`: 通过元素的 ID 属性获取指定的元素。 2. 通过元素的标签名获取一组元素： - `getElementsByTagName(tagName...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值