4.5. 操作特定 HTML 元素的所有实例 [深入浅出 Greasemonkey]

4.5. 操作特定 HTML 元素的所有实例

有时您需要操作页面中特定 HTML 元素的所有实例。例如改变所有 <textarea> 的字体大小。最简单的办法就是调用 getElementsByTagName('tagname')，它返回一个可遍历操作的元素集合。

例 4.5. 获取页面上所有的 textarea

var allTextareas, thisTextarea;
allTextareas = document.getElementsByTagName('textarea');
for (var i = 0; i < allTextareas.length; i++) {
	thisTextarea = allTextareas[i];
	// 使用 thisTextarea
}

不应该用这个方法来操作页面中所有的链接，因为 <a> 元素也可以用作页面中的锚。要知道如何查找页面中所有的链接，请查看操作所有有特定属性的元素。

实例

Zoom Textarea

← 操作所有 HTML 元素

操作所有有特定属性的元素 →