1 回答

TA貢獻1859條經(jīng)驗 獲得超6個贊
您的 HTML 無效。您不允許使用嵌套超鏈接之類的內(nèi)容。這意味著 HTML 解析器(其設(shè)計目的是容忍錯誤)必須對元素樹提出新的解釋。Firefox 至少將其翻譯為:
<li style="border-bottom: 1px solid #d6d6d6;margin-bottom:10px;">
<a href="javascript:void(0)">
<span class="viewAbstractToggleTitle" style="display:inline-block;line-height:1.6 !important">
<span style="font-weight: 600;font-size:16px;">
Title Goes Here
</span>
<span> ( 1-10 page )</span>
</span>
<br>
<div class="authors">
<span><i class="fa fa-user" aria-hidden="true"></i>
Author
</span>
<span><i class="fa fa-user" aria-hidden="true"></i>
Author
</span>
</div>
<span>
span tag
</span>
</a>
<a class="inlineBlock" href="" download="">
<i class="fa fa-download" aria-hidden="true"></i> Download PDF</a>
<a class="inlineBlock viewAbstractToggle" href="javascript:void(0)"> <i class="fa fa-eye" aria-hidden="true"></i> View Article</a>
<div class="showTabe sTab">
<div class="tabBox">
<div class="tab">
<label class="label" for="tab1_">Abstract</label>
<label class="label" for="tab2_">Graphical of Author </label>
</div>
<div class="box">
<div class="content"><input id="tab1_"> Description
</div>
<div class="content"><input id="tab2_">
<p>image</p>
</div>
</div>
</div>
</div>
<br>
</li>
您可以通過從瀏覽器的 DOM 檢查器復(fù)制 HTML 來親自獲取此信息。
正如您所看到的,其他<a/>元素不是 的兄弟元素.viewAbstractToggleTitle。這是因為 DOM 解析器必須插入第一個<a/>元素的結(jié)束符,因為您無法嵌套它們。
添加回答
舉報