我在使用關鍵字時如何找到特定的 html 元素時遇到問題：
...
<div class="col-sm-6 col-md-6 col-lg-4">
<div class="ct-itemProducts ct-u-marginBottom20" >
<div class="ct-main-content">
<div class="ct-main-text" >
<div class="ct-product--tilte">
COMPUTIME
</div>
...
我的關鍵字是 COMPUTIME aand 我想檢測這個 div 的類名
<div class="col-sm-6 col-md-6 col-lg-4">
uj5u.com熱心網友回復：
我不明白您的問題，但如果您想檢測/訪問 CSS 中的任何類，請使用“。” 在類名之前，如“.col-sm-6 col-md-6 col-lg-4”，對于 id，使用“#”，如“#col-sm-6 col-md-6 col-lg-4”
uj5u.com熱心網友回復：
你可以用 JavaScript 試試這個：
for (const a of document.querySelectorAll(".ct-product--tilte")) {
if (a.textContent.includes("COMPUTIME")) {
console.log(a.textContent)
}
}
uj5u.com熱心網友回復：
據我了解，您想通過在您的 div 中搜索 TEXT 來獲取元素類，然后您可以嘗試這樣的事情：
var allElement = document.querySelectorAll('*');
var myElement = null;
var valueToSearch = "TEST";
allElement.forEach(el => {
if(el.innerHTML === valueToSearch) {
myElement = el;
}
})
console.log(myElement) // My element HTML
console.log(myElement.className) // My Class
console.log(myElement.id) // My id <div class='container'>
<h1 id="myH1" class="text-aligne">TEST</h1>
<span>normal span</span>
</div>轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/497388.html
標籤：javascript html 解析 dom 美丽的汤
上一篇：輸入欄位不允許編輯