通过javascript在html中搜索文本

时间:2017-12-12 10:55:53

标签: javascript html

我有一些像这样的HTML:

<html>
  <body>
    <div>
      <p>Something</p>
    </div>
    <div class="hide" id="show">Protected</div>
  </body>
</html>

如果html的文本中有“Something”,我需要通过JavaScipt显示或隐藏/显示元素。我怎样才能做到这一点?我的Wordpress页面需要这个。

1 个答案:

答案 0 :(得分:2)

不使用jQuery:

var content = document.body.textContent || document.body.innerText;
var hasText = content.indexOf("Something")!==-1;
if (hasText) {
    document.getElementById("show").style.display = 'block';
} else {
    document.getElementById("show").style.display = 'none';
}