獲取元素HTML

Question

我有這樣的HTML文檔

<html>
 <head></head>
  <body>
    <div id="test_id"> First element </div>
    <div> Second element </div>
  </body>
</html>

我可以通過getElementById訪問第一個div元素，但是我可以以某種方式訪問第二個元素嗎？

Answer 1

您可以將Document.querySelectorAll()與特定索引一起使用，如下所示：

 var secondDiv = document.querySelectorAll('div')[1]; console.log(secondDiv);

 <html> <head></head> <body> <div id="test_id"> First element </div> <div> Second element </div> </body> </html>

Answer 2

你可以試試：

var x = document.getElementById("test_id").nextSibling

Answer 3

document.getElementsByTagName("div")將所有div返回到HTMLCollection對象中，第一個div為0第二個div為1 ：

 var second = document.getElementsByTagName("div")[1] console.log(second.innerHTML)

 <html> <head></head> <body> <div id="test_id"> First element </div> <div> Second element </div> </body> </html>

Answer 4

方法1：獲取父元素，然后計算到所需元素，然后按其名稱讀取，

document.getElementById("test_id").parentElement.getElementByTagName("div")[0].innerHTML;

方法2：直接計數到div就像提到的那樣，但在某些情況下將不起作用

document.getElementByTagName("div")[1]