JS如何获取页面内所有的<img>标签元素?

2025-02-24 11:43:10
推荐回答(4个)
回答1:

使用以下关键代码:

1、简单的HTML页面,放入一些img标签:

2、页面载入完成后,读取img标签:

3、展示页面:

4、打开开发者模式,浏览器console:(已读取)

5、错误分析,getElementByTagName:(少了一个s,Elements)

扩展资料:

getElementsByTagName() 特性:

这方法会忽略文档的结构。假如希望查找文档中所有的

元素,getElementsByTagName() 会把它们全部找到,不管

元素处于文档中的哪个层次。

这方法会提供任何所需要的 HTML 元素,不论它们在文档中所处的位置。

1、getElementsByTagName() 方法会使用指定的标签名返回所有的元素(作为一个节点列表)

2、getElementsByTagName() 这方法可查找整个 HTML 文档中的任何 HTML 元素。



回答2:

呵呵 document.getElementByTagName is not a function
意思是这不是一个方法,明确说明你写错了嘛
方法名是getElementsByTagName,注意,类似的方法凡是返回数组或可能返回数组的, 中间是写作Elements,像getElementById这种通过id返回唯一一个DOM对象的,中间是写作Element.

ps:不错,不管通过什么方法,比如id,class,tag,child还有name等等,这些方法只要获取到对应的DOM对象,那么就完全可以操作其所有属性.

回答3:

var img = $("img").text();
试试看

回答4:

getElementsByTagName("img")