我正在嘗試使用 tampermonkey 腳本替換網頁上的一些文本,但我無法識別正確的元素。過去我已經讓它作業了,但它相當失敗。
對于下面的來源,我想我應該使用 document.getElementsByClassName("product-return-message__label product-return-message__label--pdp product-return-message__label--pdp-large").innerHTML = "blah blah blah" 基于最接近的類名,但它不起作用。
通常,在查看網頁源時,我很難確定哪個名稱/ID 屬于我要替換的文本。如果您能根據下面的來源確定我應該使用的 getElement(s) 和名稱/ID,我將不勝感激!謝謝!
部分來源:<div data-test="message"><svg aria-hidden="true" role="img" viewBox="0 0 100 100" ></svg><div data-test="message-content"><div aria-level="2" data-test="message-label" role="heading">TEXT I WANT TO REPLACE</div>……
uj5u.com熱心網友回復:
document.querySelector與屬性CSS 選擇器一起使用怎么樣?
const element = document.querySelector("div[data-test='message-label']");
if(element) {
element.innerHTML = "found!";
}
<div class="product-return-message product-return-message--pdp product-return-message--pdp-large" data-test="message">
<div class="product-return-message__content product-return-message__content--pdp product-return-message__content--pdp-large" data-test="message-content"><div aria-level="2" class="product-return-message__label product-return-message__label--pdp product-return-message__label--pdp-large" data-test="message-label" role="heading">TEXT I WANT TO REPLACE</div>
<svg aria-hidden="true" role="img" viewBox="0 0 100 100" class="product-return-message__icon"></svg>
uj5u.com熱心網友回復:
QuerySelector 會有所幫助。像@Tareq一樣,您可以通過div[data-test='message-label']或在您的情況下進行搜索:document.querySelector('div > div > div').innerHTML = Hello World。這兩種變體中更令人愉快的方式是 tareq。
轉載請註明出處,本文鏈接:https://www.uj5u.com/qukuanlian/361706.html
標籤:javascript html
上一篇:MYSQLPHP-計數值更多列WHEREid和DATELAST7DAYS
下一篇:在影像下獲取標題時遇到問題
