第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全，請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題，去搜搜看，總會(huì)有你想問(wèn)的

使用JS從網(wǎng)頁(yè)中刪除評(píng)論之間的元素

使用JS從網(wǎng)頁(yè)中刪除評(píng)論之間的元素

胡說(shuō)叔叔 2023-06-15 15:36:54
我正在嘗試從此網(wǎng)頁(yè)收集數(shù)據(jù)：https://www.biharjobportal.com/bihar-police-constable-bharti/我設(shè)法使用此代碼從網(wǎng)站上刪除了所有 GoogleAds 因?yàn)樗幸粋€(gè)類(lèi)名，所以很容易：?var theaders = document.getElementsByClassName('adsbygoogle');for (var i=theaders.length-1; i >=0; i--){? ? theaders[i].parentElement.removeChild(theaders[i]);}但是該網(wǎng)頁(yè)有這個(gè)沒(méi)有 IDS、類(lèi)名等的元素。（請(qǐng)參見(jiàn)屏幕截圖）：我只知道要?jiǎng)h除的元素在這些評(píng)論之間：? ? ?<!-- WP QUADS Content Ad Plugin v. 2.0.17? -->? ? **codes to remove (as in the picture)**? ? <!-- WP QUADS Content Ad Plugin v. 2.0.17? -->我嘗試使用 XPATH 刪除所有此類(lèi)項(xiàng)目，但什么也沒(méi)發(fā)生，這是我寫(xiě)的代碼：? ? var badTableEval = document.evaluate (? ? "/html/body/div[1]/div/div[1]/main/article/div/div/ul[3]",? ? document.documentElement,? ? null,? ? XPathResult.FIRST_ORDERED_NODE_TYPE,? ? null);if (badTableEval? &&? badTableEval.singleNodeValue) {? ? var badTable? = badTableEval.singleNodeValue;? ? badTable.parentNode.removeChild (badTable);}如何從網(wǎng)頁(yè)中刪除所有這些元素？
查看完整描述

1 回答

?
慕田峪4524236

TA貢獻(xiàn)1875條經(jīng)驗(yàn) 獲得超5個(gè)贊

您可以通過(guò)這種方式檢測(cè)文檔中的評(píng)論（參見(jiàn)代碼片段）?，F(xiàn)在由您來(lái)設(shè)計(jì)一些巧妙的函數(shù)來(lái)刪除注釋之間的元素。. 好的，您要求它，包括一種刪除相等注釋之間元素的方法。


const root = document.querySelector("body");

const allEls = [...root.childNodes];

const IS_COMMENT = 8;


allEls.forEach((el, i) => {

  if (el.nodeType === IS_COMMENT) {

    // we have a comment. Find the (index of) next equal comment in [allEls]

    // from this point on

    const subset = allEls.slice(i + 1);

    const hasEqualNextComment = subset

      .findIndex(elss =>

        elss.nodeType === IS_COMMENT &&

        elss.textContent.trim() === el.textContent.trim());


    // if an equal comment has been found, remove every element between 

    // the two comment elements

    if (hasEqualNextComment > -1) {

      subset.slice(1, hasEqualNextComment - 1)

        .forEach(elss =>

          elss.parentNode && elss.parentNode.removeChild(elss));

    }

  }

});

body {

  font: normal 12px/15px verdana, arial;

  margin: 2rem;

}

<!-- WP QUADS Content Ad Plugin v. 2.0.17  -->

<ul>

  <li>item 1</li>

  <li>item 2</li>

  <li>item 3</li>

</ul>

<!-- WP QUADS Content Ad Plugin v. 2.0.17  -->


<!-- other comment -->

<ul>

  <li>item 4</li>

  <li>item 5</li>

  <li>item 6</li>

</ul>

<!-- other comment: the above is kept -->


<!-- something 2 remove -->

<div>item 7</div>

<!--something 2 remove-->

<div>item 8</div>


<p>

  <b>The result should show item 4 - item 6, item 8 and the 

    text within this paragraph</b>.

  <br><i>Note</i>: this will only work for top level comments 

  within the given [root] (so, not for comments that nested 

  within elements).

  <br>Also you may have to clean multiline-comments

  from line endings for comparison.

</p>


查看完整回答
反對(duì) 回復(fù) 2023-06-15
  • 1 回答
  • 0 關(guān)注
  • 132 瀏覽
慕課專(zhuān)欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢(xún)優(yōu)惠詳情

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

 公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)