從DOM

Question

的幾乎相同的結構以內部文本我使用這個DOM命令採取的內HTML：

document.querySelectorAll('div#back-item div#back-offer div div header h5 span strong a')[0].innerHTML 

和例子的HTML DIV後

<div id="item-5959"> 
<div id="item-5959-view"> 
<header> 
<h5 class="item-logo"> 
<h4> 
<h5> 
<span class="select"> 
<strong> 
<a href="http://www.example2.com">Printer</a> 
</strong> 
</span> 
</h5> 

從中我採取的innerHTML打印機。

使用另一個DOM

document.querySelectorAll('div#background-experience-container div#background-experience div div header h5 a')[0].innerHTML 

和示例HTML

<div id="item-18995""> 
<div id="item-18995-view"> 
<header> 
<h4> 
<h5> 
<a href="http//www.example.com">Photo</a> 
</h5> 
</header> 

的，我採取的innerHTML照片來源於此。

2 DOM之間的差異命令是「跨度強」

然而，使用有在DOM更結果與 這個結構中的第二命令。我怎樣才能將這兩個dom命令合併爲一個？

Answer 1

您可以使用自定義類和選擇：

<a href="http://www.example2.com" class="interesting-class-1">Printer</a> 

的選擇是這樣的：

var html = document.querySelector('.interesting-class-1').innerHTML;