Question

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

是这样的吗？
var anchors = document.getElementByTagName("img");

不过提示错误。怎么回事呢？
错误： document.getElementByTagName is not a function
行：32
原来通过获取id也可以读写html标签的各个属性...

Answer 1

使用以下关键代码：

1、简单的HTML页面，放入一些img标签：

2、页面载入完成后，读取img标签：

3、展示页面：

4、打开开发者模式，浏览器console：（已读取）

5、错误分析，getElementByTagName：（少了一个s，Elements）

扩展资料：

getElementsByTagName() 特性：

这方法会忽略文档的结构。假如希望查找文档中所有的 <p> 元素，getElementsByTagName() 会把它们全部找到，不管 <p> 元素处于文档中的哪个层次。

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

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

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

Answer 2

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

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

Answer 3

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

Answer 4

getElementsByTagName("img")