定义和用法
getElementsByTagName() 方法可返回带有指定标签名的对象的集合。
提示:如果把特殊字符串 “*” 传递给 getElementsByTagName() 方法,它将返回文档中所有元素的列表,元素排列的顺序就是它们在文档中的顺序。
所有主要浏览器都支持 getElementsByTagName() 方法
语法
element.getElementsByTagName(tagname)
参数
参数 | 类型 | 描述 |
---|---|---|
tagname | String | 必须。你想获取自元素的标签名。 |
返回值
类型 | 描述 |
---|---|
NodeList object | 返回元素的顺序是它们在文档中的顺序。 |
技术细节
DOM 版本 | Core Level 1 Element Object |
---|
实例
改变列表中第一个列表项的文本:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Web176教程网(web176.com)</title> </head> <body> <ul><li>Coffee</li><li>Tea</li></ul> <p id="demo">单击"按钮"更改列表项的文本。</p> <button onclick="myFunction()">点我</button> <script> function myFunction(){ var list=document.getElementsByTagName("UL")[0] list.getElementsByTagName("LI")[0].innerHTML="Milk"; }; </script> </body> </html>
作者:terry,如若转载,请注明出处:https://www.web176.com/javascriptbook/domtips/4392.html