JavaScript/Finding elements

简单使用

在一个网页:

<div id="myDiv">content</div>

在 JavaScript 中查找此元素的一种简单方法是:

var myDiv = document.getElementById("myDiv"); // Would find the DIV element by its ID, which in this case is 'myDiv'.

使用 getElementsByTagName

另一种在网页上查找元素的方法是使用 getElementsByTagName(name) 方法。 它返回节点中所有 name 元素的数组。

假设，在一个页面上，我们有：

<div id="myDiv">
  <p>Paragraph 1</p>
  <p>Paragraph 2</p>
  <h1>An HTML header</h1>
  <p>Paragraph 3</p>
</div>

使用 getElementsByTagName 方法，我们可以获得 div 内所有 <p> 元素的数组：

var myDiv = document.getElementById("myDiv"); // get the div
var myParagraphs = myDiv.getElementsByTagName('P'); //get all paragraphs inside the div

// for example you can get the second paragraph (array indexing starts from 0)
var mySecondPar = myParagraphs[1]