JS getElementsByTagName()方法,实例在线

getElementsByTagName()方法

JavaScript的DOM中,可以通过getElementsByTagName()方法,即通过HTML的元素名称来查找获取元素,就好像CSS中的元素选择器。


语法

document.getElementsByTagName( tagName )

参数

参数描述
tagName字符串类型的元素名称,比如'p'、'div'、'h1'等等。

返回值

getElementsByTagName()方法的返回值是 [object HTMLCollection],是一个元素的集合,如果需要对集合内的元素进行设置,可以通过索引的方式,具体可见下方的实例代码。


<img src='../../static/img/test.jpg' style='width:100%;height:30%;'><br><br>

<img src='../../static/img/test.jpg' style='width:100%;height:30%'><br>

<script>
  var tags = document.getElementsByTagName('img')
  tags[tags.length - 1].style.height = '50%'
</script>

实例代码解析

如上代码,通过img元素名称,获取到了一个包含当前网页内所有img元素的tags集合,然后通过tags[tags.length - 1]索引的方式获取到最后一个img元素,并设置height的属性值为50%。



全栈前端 / JavaScript语法 :





















Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.