跳转到内容

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]