在Javascript DOM操作中，getElementsByTagname是一个非常重要的方法，它可以帮助我们快速获取一个页面中特定的元素，从而实现对该元素的操作。本文将介绍getElementsByTagname方法的详细使用方法，以及一些注意事项。

getElementsByTagname方法的基本介绍

getElementsByTagname是Javascript中Document对象的一个方法，用于获取页面中某一种标签的所有元素。该方法接受一个参数，表示标签名，返回一个数组，包含了所有该标签的元素。

例如，如果我们想获取页面中所有的P标签，可以使用如下代码：

var elements = document.getElementsByTagName("p");

该代码将返回一个由所有P标签组成的数组，我们可以对该数组进行遍历、修改等各种操作，实现对页面中所有P标签的控制。

使用getElementsByTagname方法需要注意以下几点：

1. 标签名应写入引号中，且不区分大小写。例如，p标签可以写成"P"，"p"或者"PE"等等。

2. 该方法从文档的根节点开始搜索，一直到文档结尾，即使该标签位于其他文档嵌套或者iframe中也可以搜索到。

3. 返回的数组是一个动态的集合，即如果页面内容发生变化，该数组也会发生变化。因此我们需要注意遍历该数组时的顺序和数量。

4. 如果我们使用该方法获取的元素集合仅仅包含一个元素，可以使用数组索引访问该元素。例如，

var p = document.getElementsByTagName("p")[0];

该代码将返回页面中第1个P标签的元素对象。

getElementsByTagname方法的高级使用

除了基本的获取标签元素之外，getElementsByTagname还有一些高级用法。下面我们将介绍其中的一些：

1. 获取特定状态的标签元素

如果我们只想获取页面中被禁用的元素，或者只想获取具有特定样式的元素，可以使用如下代码：

var disabledElements = document.getElementsByTagName("*[disabled]");

该代码将返回页面中所有被禁用的元素，包括input、button等等。

var highlightedElements = document.getElementsByTagName("*[class*=highlight]");

该代码将返回所有类名中包含"highlight"的元素，包括带有class="highlight"、class="myhighlight"等等的元素。

2. 获取特定父元素下的标签元素

有时候我们只想获取某个父元素下的所有标签元素，可以使用如下代码：

var parentElm = document.getElementById("parent");

var childElements = parentElm.getElementsByTagName("p");

该代码将返回id为"parent"的元素中所有的P标签。

3. 获取页面中某标签的个数

有时候我们需要获取页面中某个标签的个数，可以使用如下代码：

var numberOfParagraphs = document.getElementsByTagName("p").length;

该代码将返回页面中所有P标签的数量。

4. 获取第一个和最后一个标签元素

我们也可以使用JavaScript中数组的属性获取第一个和最后一个元素。

var firstParagraph = document.getElementsByTagName("p")[0];

var lastParagraph = document.getElementsByTagName("p")[myPElements.length - 1];

以上就是getElementsByTagname方法的详细使用方法和高级用法。使用JavaScript DOM操作时，getElementsByTagname是一个必须掌握的方法，可以帮助我们快速精准地获取需要操作的元素。