查询关键字并显示标红（html+js）

<script type="text/javascript">
    function clicl() {
        var names =  document.getElementById("getname").value;
        if (names=="") {
            window.alert("请输入数据");
        }if (names != ""){               ///else也可以
               document.body.innerHTML = document.body.innerHTML.replace(names,"<span style='color: red'>$&</span>");
        }
    }

</script>

  <input type="text" id="getname" placeholder="请输入诗人名称" />
  <button id="sogo" οnclick="clicl()"> 搜索 </button>