javascript核心技术(二十二)DOM--查找节点(二) 通过标签名获取页面元素

[复制链接]
查看: 1778|回复: 31
发表于 2023-1-24 14:16:28 | 显示全部楼层 | 阅读模式
通过标签名获取页面元素,返回的是一个HTMLCollection集合,它是一个类数组的特殊对象。可以直接当作数组使用。
HTMLCollection集合里面每一个元素是具体的一个标签。
请看以下代码:
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>通过标签名获取页面元素</title>
</head>
<body>
    <div id="div1" class="div100 div300">div1</div>
    <div id="div1" class="div11 div33">div111</div>
    <div id="div2" class="div100">div2</div>
    <div id="div3" class="div200">div3</div>
    <div id="div4" class="div200">div4</div>

    <input type="button" name="" value="按钮" id="btn">
    姓名:<input type="text" name="username" value="" id="username">
    密码:<input type="password" name="password" value="" id="password">
    性别:<input type="radio" name="sex" value="" id="nan">男
    <input type="radio" name="sex" value="" id="nv">女
</body>
<script>
        var divs = document.getElementsByTagName('div');
        console.log(divs); 
        console.log(divs[0]); 
</script>
</html>

javascript核心技术(二十二)DOM--查找节点(二) 通过标签名获取页面元素
易博软件介绍

0

主题

9

帖子

5

积分

营销入门

Rank: 2

积分
5
发表于 2023-2-16 08:59:50 | 显示全部楼层
有同感

6

主题

232

帖子

125

积分

营销菜鸟

Rank: 3Rank: 3

积分
125
发表于 2023-3-2 02:01:20 | 显示全部楼层
看了此文章,真是受益非浅啊!!!!!!!!!!!!!!!!!!!!!!!!    要做一个好的程序员得要下苦功夫啊

0

主题

20

帖子

11

积分

营销入门

Rank: 2

积分
11
发表于 2023-3-12 00:27:36 | 显示全部楼层
让我又有了奋斗精神

0

主题

15

帖子

8

积分

营销入门

Rank: 2

积分
8
发表于 2023-3-22 01:02:23 | 显示全部楼层
让我深有感触,感觉自已差太多太多了

0

主题

17

帖子

9

积分

营销入门

Rank: 2

积分
9
发表于 2023-3-27 14:57:35 | 显示全部楼层
你是我的小目标 呵呵

0

主题

3

帖子

2

积分

营销入门

Rank: 2

积分
2
发表于 2023-4-2 13:13:43 | 显示全部楼层
确实写的好,我今年也是大四拉~~~自己觉得自己的东西学的很好,但在别人眼里根本就算不上是什么,一山比一山高
发表于 2023-4-7 12:24:49 | 显示全部楼层
惭愧 我是初学者,跟你们差得太多了
发表于 2023-4-13 00:24:15 | 显示全部楼层
不错

0

主题

9

帖子

5

积分

营销入门

Rank: 2

积分
5
发表于 2023-4-17 14:29:26 | 显示全部楼层
我想网络工程师但是我不知道要学习什么教材?  
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

1、请认真发帖,禁止回复纯表情,纯数字等无意义的内容!帖子内容不要太简单!
2、提倡文明上网,净化网络环境!抵制低俗不良违法有害信息。
3、如果你对主帖作者的帖子不屑一顾的话,请勿回帖。谢谢合作!
3、问答求助区发帖求助后,如有其他用户热心帮您解决问题后,请自觉点击设为最佳答案按钮。

 
 
QQ在线客服
QQ技术支持
工作时间:
8:00-18:00
软著登字:
1361266号
官方微信扫一扫
weixin

QQ|小黑屋|Archiver|慈众营销 ( 粤ICP备15049986号 )|网站地图

自动发帖软件 | 自动发帖器 | 营销推广软件 | 网络营销工具 | 网络营销软件 | 网站推广工具 | 网络推广软件 | 网络推广工具 | 网页推广软件 | 信息发布软件 | 网站推广工具 | 网页推广软件

Powered by Discuz! X3.4   © 2012-2020 Comsenz Inc.  慈众科技 - Collect from 深圳吉宝泰佛文化有限公司 公司地址:罗湖区黄贝街道深南东路集浩大厦A1403

返回顶部 返回列表