使用 JavaScript 检查元素是否包含特定文本

检查元素是否包含特定文本:

  1. 使用元素的 textContent 属性来获取元素及其后代的文本内容。
  2. 使用 includes() 方法检查元素中是否包含特定文本。
  3. 如果是,则 includes() 方法返回 true,否则返回 false。

这是本文中示例的 HTML。

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
  </head>

  <body>
    <div id="container">
      <p>Apple, Banana, Pear</p>
      <p>Mango, Melon, Apricot</p>
    </div>

    <script src="index.js"></script>
  </body>
</html>

这是相关的 JavaScript 代码。

const container = document.getElementById('container');

if (container.textContent.includes('Jiyik')) {
  console.log('✅ Jiyik 包含在元素中');
} else {
  console.log('⛔️ Jiyik 不包含在元素中');
}

js 检查元素是否包含特定文本

我们使用 textContent 属性来获取元素及其后代的文本内容。

我们使用 String.includes 方法来检查元素是否包含特定文本。

includes() 方法执行区分大小写的搜索并检查提供的字符串是否包含在调用它的字符串中。

// 👇️ true
console.log('apple'.includes('app'));

// 👇️ false
console.log('apple'.includes('banana'));

如果要执行不区分大小写的检查文本是否包含在元素中,则必须将元素的文本内容和要检查的字符串转换为小写。

const container = document.getElementById('container');

const fruit = 'JIYIK';

if (container.textContent.toLowerCase().includes(fruit.toLowerCase())) {
  console.log('✅ jiyik 包含在元素中');
} else {
  console.log('⛔️ Jiyik 不包含在元素中');
}

通过将我们要比较的两个字符串都转换为小写,我们能够执行不区分大小写的比较。

如果元素的文本内容包含特定的字符串,我们的 if 块将运行,否则 else 块运行。

免责声明:
1.本站所有内容由本站原创、网络转载、消息撰写、网友投稿等几部分组成。
2.本站原创文字内容若未经特别声明,则遵循协议CC3.0共享协议,转载请务必注明原文链接。
3.本站部分来源于网络转载的文章信息是出于传递更多信息之目的,不意味着赞同其观点。
4.本站所有源码与软件均为原作者提供,仅供学习和研究使用。
5.如您对本网站的相关版权有任何异议,或者认为侵犯了您的合法权益,请及时通知我们处理。
火焰兔 » 使用 JavaScript 检查元素是否包含特定文本