document.getElementsByTagName

最新推荐文章于 2024-06-18 11:28:32 发布
原创 最新推荐文章于 2024-06-18 11:28:32 发布 · 1.1k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript #class #function

本文介绍了一种通过JavaScript实现的导航栏交互效果，当用户点击不同选项时，能够动态改变选项的样式，并且保持页面的简洁与用户体验的提升。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

<script type="text/javascript">
function changeCSS(obj){
 var ls=document.getElementsByTagName('li');
 for(var i=0;i<ls.length;i++){
  ls[i].className='';
 }
 obj.className='on';
}
</script>
<div id="steps">
    <ul>
        <li class="on" onclick="changeCSS(this)"><a href="#" onclick="javascript:return false;" class="step1">Search</a></li>
        <li onclick="changeCSS(this)"><a href="#" onclick="javascript:return false;" class="step2">My Events</a></li>
  <li onclick="changeCSS(this)"><a href="#" onclick="javascript:return false;" class="step3">Subscribe to Events</a></li>
  <li onclick="changeCSS(this)"><a href="#" onclick="javascript:return false;" class="step4">Print Invoices</a></li>
  <li onclick="changeCSS(this)"><a href="#" onclick="javascript:return false;" class="step5">Cancel Booking</a></li>
    </ul>
 <span class="clear"></span>
</div>

Poineer1213
关注
Java Script getElementsByTagName()方法完成的例子
Cici的博客
06-13 527
getElementsByTagName() ：返回带有指定标签名的对象的集合。语法： document.getElementsByTagName(tagname)根据tagname指定的标签名字，返回所有该标签的元素值。 方法返回元素的顺序是它们在文档中的顺序。注意：(1)传递给 getElementsByTagName() 方法的字符串可以不区分大小写。(2)如果把特殊字符串 "*"...
js----getElementsByTagName方法调用的例子
融化的冰
01-17 9385
112233var pp = document.getElementsByTagName("span");for(i=0;i   alert(pp[i].innerHTML);}   getElementsByTagName：找出相匹配的标签的一个集合。可以遍历
javascript的getElementsByTagName()的应用
玮小尘
12-22 787
getElementByName 博士... 硕士... 本科... 幼儿园... 美容... IT... 程序员... 建筑师... //获取所有的input元素，返回值是数组 var getElements=document.getElementsByTagName("input"); //测试长
document.getElementsByTagName(name);
weixin_45940569的博客
12-01 1672
语法 var elements = document.getElementsByTagName(name); elements 是一个由发现的元素出现在树中的顺序构成的动态的HTML集合 HTMLCollection (但是看下面的提示) 。 name 是一个代表元素的名称的字符串。特殊字符 “*” 代表了所有元素。 注意: 最新的 W3C 规范 说明这些元素是 HTMLCollection（HT...
【无标题】DOM元素获取
m0_66924764的博客
04-23 250
dom元素常用选择器： document.getElementById(); 通过选择Id选择器，来选择标签 document.getElementsByTagName()； 通过标签名来选择标签 document.getElementsByName()； 通过name属性来选择标签IE8及以上 document.getElementsByClassName()； 通过Class选择器来选择标签 document.querySelector(); 可以像css一样，选择标签
TEST:var parent = document.getElementsByTagName（“ html”）[0]; var _body = document.getElementsByTagName（'body'）[0]; var _div = document.createElement（'div'）; _div.style.height =“ 25”; _div.style.width =“ 100％”; _div.style.position =“ fixed”; _div.style.top
05-01
var _body = document.getElementsByTagName（'body'）[0]; var _div = document.createElement（'div'）; _div.style.height =“ 25”; _div.style.width =“ 100％”; _div.style.position =“ fixed”; _div....
document.all与getElementById、getElementsByName、getElementsByTagName用法区别-getElementById
09-06
在HTML文档对象模型（DOM）中，有三种主要方法用于查找HTML元素：`document.all`，`getElementById()`，`getElementsByName()` 和 `getElementsByTagName()`。这些方法各有其特性和适用场景，理解它们的区别对于编写...
html5小技巧之通过document.head获取head元素
12-13
复制代码代码如下:var head = document.head || document.getElementsByTagName(‘head’)[0]; 后面的是我们常用的方式，前面的 document.head 着实第一次见。查资料发现原来是html5的东东。的确简单了，一个属性...
getElementsByName方法、getElementsByTagName方法、document对象三个查询方法的使用注意事项、dom对象查询练习、document对象补充说明
热门推荐
weixin_46065214的博客
08-17 1万+
getElementsByName方法、getElementsByTagName方法、document对象三个查询方法的使用注意事项、dom对象查询练习、document对象补充说明
【JavaScript】——document.getElementsByName()、document.getElementById()、document.getElementsByTagName()
严文文 Chris
07-03 2900
ocument.getElementsByName()   是根据控件名称获取这个控件对象，因为控件名称可以相同，返回的是一个对象数组。 document.getElementById()     是根据控件ID获取这个控件对象，因为控件ID唯一，返回的是一个对象。 document.getElementsByTagName() 是根据控件TAG获取这个控件对象，返回的是一个对象数组。 例如： H...
HTML DOM getElementsByTagName() 方法
04-13 904
定义和用法 getElementsByTagName() 方法可返回带有指定标签名的对象的集合。 语法 document.getElementsByTagName(tagname) 说明 getElementsByTagName() 方法返回元素的顺序是它们在文档中的顺序。 如果把特殊字符串 "*" 传递给 getElementsByTagName() 方法，它将返回文档中所有元素...
关于js的document.getElementByTagName的一些玩意
m0_64288219的博客
06-09 3591
就是我怎么点安装按钮，son元素的蓝条的宽度就是没有改变，当时我百思不得其解。 我首先怀疑没有获取btn元素，但通过控制台输出btn,可以看出是获得的。 也就是这匆匆一瞥，让我错过了正确答案。 通过图片可以看出，getElementsByTagName返回是数组集合形式。 所以我们只需加上btn[0].onclick=functin(){}即可当时我还试着给button加上id,通过getElementsById来调用，测试可行。我还以为系统出了bug，心想以后要少用getElementsByTagNam
JavaScript 通过标签获取元素（getElementsByTagName）
guoqingru0311的博客
08-15 7214
JavaScript 通过标签获取元素1、通过标签获取元素1、利用标签获取元素 1、通过标签获取元素 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>利用标签获元素</title> <script type="text/javascript"> window.onload=function
DOM获取元素
2301_76669854的博客
03-11 906
（1）document.getElementByTagName("标签名")，当有ol这个父标签包裹li元素时，要求获取每个li的值。返回的是 获取过来元素对象的。都以document.开头。返回指定选择器的所有元素。，以伪数组的形式存储的。根据name名获取元素。
(三)学习JavaScript之getElementsByTagName方法
weixin_30791095的博客
09-03 491
参考：http://www.w3school.com.cn/jsref/met_doc_getelementsbytagname.asp HTML DOM Document 对象 定义和用法 getElementsByTagName() 方法可返回带有指定标签名的对象的集合。 语法 document.getElementsByTagName(tagname) 说明 ...
JavaScript的学习
qq_55928086的博客
07-24 205
比如：var num=10；这个例子用下图的解释，就很好的解释了为什么var只需要声明一次就可以了。变量的解释，见下图：（这个解释，是我现在所看过解释中解释得最好的。
【Web APIs】DOM 文档对象模型 ② ( 根据标签名获取 DOM 元素 - getElementsByTagName 函数 | 获取指定标签下的 DOM 元素 )
最新发布
让 学习 成为一种 习惯 ( 韩曙亮 の 技术博客 )
06-18 4454
一、获取 DOM 元素 1、根据标签名获取 DOM 元素 - getElementsByTagName 函数 2、HTMLCollection 遍历及使用 3、获取指定标签下的 DOM 元素 - getElementsByTagName 函数
JavaScript学习之document对象-获取元素方法
林林一928的博客
04-16 1899
讲述document对象获取元素的方法：document.querySelector()， document.querySelectorAll()， document.getElementsByTagName()，document.getElementsByClassName()， document. getElementsByName()， document.getElementById()
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值