Question

给出以下标记：

<form>
    <p>Example text.</p>
    <label>My Label</label>
    <input type="text">
</form>

。。。我如何从表单HTMLCollection中获取p元素。例如：

<script>
    var myForm = document.getElementsbyTagName('form')[0];
    console.log(myForm[0]);
</script>

此代码返回input元素，而不是段落。那么，我该如何抓住这一段？

Answer 1

您也可以在表单上使用getElementsByTagName：

// Get the first paragraph element, if any
var p = myForm.getElementsByTagName('p')[0];

在modern browsers上，您可以使用querySelector和querySelectorAll来使用任何CSS表达式：

// Get the first paragraph element, if any
var p = myForm.querySelector('p');

querySelector找到第一个匹配元素。 querySelectorAll返回匹配元素的静态列表。

Answer 2

myForm.childNodes[1]将返回<p>Example text.</p>：

var myForm = document.getElementsByTagName('form')[0];
console.log(myForm.childNodes[1]);