#神仙见了会流泪之#getElementsByTagName的用法

神仙又来流泪了，我们在学习中经常会出现，相同的方法可以有不同的用处，就很容易记混，刚刚我就遇到了这种情况(其实是记得不扎实￣□￣｜｜)，我来整理下getElementsByTagName的方法都有哪些吧(其实我现在了解的就俩。。。)

第一种:通过document对象调用
document.getElementsByTagName(“标签名”)
这种方法是通过标签名获取一组元素节点对象

第二种:通过具体的元素节点调用
父节点.getElementsByTagName(后代节点)

第二种具体代码如下，第一种应该不用写出来，是个人都会(写的挺麻烦的，不用看css代码)

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style>*{margin: 0;padding: 0;list-style: none;}body{width: 800px;margin-left: auto;margin-right: auto;}#city-list{float: left;width: 450px;}#inner{width: 400px;border-style: solid;border-width: 1px;margin-bottom: 10px;padding: 10px;float: left;}#inner li{border-style: solid;border-width: 1px;padding: 5px;margin: 5px;background-color: #99ff99;float: left;}#btn-l{float: left;}#btn{width: 50px;}</style><script>window.onload = function(){/*需求:点击按钮查找id为city下所有li节点*///获取btn并给btn设置单机响应函数var btn = document.getElementById("btn")btn.onclick = function(){//获取id为city的元素var city = document.getElementById("city")//查找city下的li节点var lis = city.getElementsByTagName("li")for(var i = 0;i  < lis.length;  i++){alert((lis[i]).innerHTML)}}}</script>
</head>
<body><div id="city-list" ><div id="inner" ><ul id="city" ><li>北京</li><li>上海</li><li>广州</li><li>澳门</li></ul></div></div><div id="btn-l" ><div ><button id="btn" >按钮</button></div></div>
</body>
</html>

欢迎大神来提意见

#神仙见了会流泪之#getElementsByTagName的用法相关推荐

getElementsByTagName的用法
getElementsByTagName的用法 <HTML> <HEAD> <TITLE> New Document </TITLE> <scri ...
获取表单对象,得三种方法getElementById(), getElementsByName(), and getElementsByTagName() 和用法...
今天碰到了翻页不好用的问题,检查一下发现没有表单,加上去就好了,发现获取某个对象值的方法有很多,但是使用哪一个才是正规的途径那,问了同事,得出结论如下: document.表单名称.对象名称.属性 ...
getElementsByTagName的用法（附实例）
概述: getElementsByTagName可以根据你指定的参数,找出html源码中或xml内所有标签名称等于该参数的元素．比如你提供的参数是div,那么getElementsByTagName将 ...
【转】一个优秀的Javascript框架－－Prototype解说
from:http://blog.csdn.net/meil/archive/2007/04/25/1585056.aspx Prototype.js 是Ruby On Rails的副产品 ...
无人驾驶泊车？你要再多等等，百度Apollo和大众刚启动合作
雷刚发自凹非寺量子位报道 | 公众号 QbitAI Demo特别帅,量产没时限. 这就是如今AI发布会的典型挑战之一. 就说刚结束的2018百度世界大会,多少人为李彦宏展示的自主泊车鼓与呼. ...
【知识点总结】【CSP考前复习】图论大杂烩【未完】
序言临近NOIP CSP-J 2019,不由得有些惆怅. 惆怅不是为了别的,主要是觉得从接触信息学竞赛开始,这已经是四个年头了,却一直拿的是二等奖.而今年是我最后的机会.如果不能成功,那自然就是AF ...
谁是古代最风流的首席娱乐官？
若是有人问,谁是古代最风流的首席娱乐官?答曰,非北宋著名词人,人称白衣卿相的柳永莫属! 柳永,崇安人,也就是今天的福建武夷山人.北宋婉约派创始人.原名三变,字景庄.后改名永,字耆卿.排行第七,又称柳七 ...
JavaScript进阶（二）-- DOM基础
目录 1. DOM简介 1.1 什么是 DOM 1.2 DOM 树 2. 获取元素 2.1 如何获取页面元素 2.2 根据 ID 获取 2.3 根据标签名获取 2.4 通过 HTML5 新增的方法获取 ...
从“追星”到“饭圈”：人类偶像崇拜发展简史
最近,科技圈.传媒圈.公关圈.电竞圈等都纷纷向饭圈发来贺电,强势围观. "出圈"的原因,则是AO3.LOFTER.STEAM等大众平台,因某明星粉丝集体举报而陷落,甚至云盘.豆瓣等 ...

#神仙见了会流泪之#getElementsByTagName的用法

#神仙见了会流泪之#getElementsByTagName的用法相关推荐

最新文章

热门文章