Question

我想在chrome中突出显示一些文字但是条件。该网站正在为页面上的每个元素使用这种类型的代码，我想强调那些长度低于1:00:00的那些

<div class="entry_content">
<p>
"Title"
<br> 
<a href="a link" target="_blank">
<img src="alink.jpg" alt="name">
</a>
<br> Size: 11111111 bytes (111.11 MB), duration: 00:11:11, avg.birate: 111 kb/s
<br> Audio: aac, 16000 Hz, mono
<br> Video: h264, 320×240, 15 fps
</p>
</div>

PS：我知道这个数字不是加起来的一个例子;）

如果可能的话，我想在css中做一些时尚但真的不知道它是否可能以及如何在css中创造条件。

感谢您的帮助。

Answer 1

我无法通过任何方式使用css根据内容有条件地突出显示元素。但是，一点点javascript就可以做到：

＆＃13;

var divs = document.getElementsByClassName("entry_content");

for (var i = 0; i < divs.length; i++)
{
    if (/duration:\s00:/.test(divs[i].innerHTML))
    {
        divs[i].style.backgroundColor = "yellow";
    }
}

＆＃13;

<div class="entry_content">
<p>
"One Hour Eleven Minutes"
<br> 
<a href="a link" target="_blank">
<img src="alink.jpg" alt="name">
</a>
<br> Size: 11111111 bytes (111.11 MB), duration: 01:11:11, avg.birate: 111 kb/s
<br> Audio: aac, 16000 Hz, mono
<br> Video: h264, 320×240, 15 fps
</p>
</div>
<div class="entry_content">
<p>
"Eleven Minutes"
<br> 
<a href="a link" target="_blank">
<img src="alink.jpg" alt="name">
</a>
<br> Size: 11111111 bytes (111.11 MB), duration: 00:11:11, avg.birate: 111 kb/s
<br> Audio: aac, 16000 Hz, mono
<br> Video: h264, 320×240, 15 fps
</p>
</div>
<div class="entry_content">
<p>
"Eleven Hours"
<br> 
<a href="a link" target="_blank">
<img src="alink.jpg" alt="name">
</a>
<br> Size: 11111111 bytes (111.11 MB), duration: 11:11:11, avg.birate: 111 kb/s
<br> Audio: aac, 16000 Hz, mono
<br> Video: h264, 320×240, 15 fps
</p>
</div>

＆＃13;

如何突出显示chrome

1 个答案: