js查找字符串解决方案-JavaSript-爱易网页

js查找字符串解决方案

日期：2014-05-16　浏览次数：20369 次

js查找字符串
我想做的共能是：输入正则表达式网页中如果符合的话就高亮显示。我先能根据输入的正则找到相应的字符串。但是怎么让他高亮呢？比如：
<html>
<head>
<title>无标题页</title>
<script>
</head>
<body>
<form id="form1" runat="server">

<a href="http://paper.wenweipo.com/2012/05/16/CH1205160004.htm" >高亮1</a>

<a href="http://paper.wenweipo.com/2012/05/16/CH12051655555504.htm" >高亮2</a>

<a href="http://paper.wenweipo.com/2012/05/16/CH120516666666604.htm" >高亮3</a>

</form>
</body>
我用这个正则http://paper.wenweipo.com/2012/05/16/.+.htm是可以找到
http://paper.wenweipo.com/2012/05/16/CH1205160004.htm
http://paper.wenweipo.com/2012/05/16/CH12051655555504.htm
http://paper.wenweipo.com/2012/05/16/CH120516666666604.htm
但是我怎么才能让高亮1 高亮2 高亮3 这三个字符亮呢？

------解决方案--------------------

HTML code


<html>
<head>
  <title>无标题页</title>
</head>
<body>
  <form id="form1" runat="server">
   
  <a href="http://paper.wenweipo.com/2012/05/16/CH1205160004.htm" >高亮1</a>
   
  <a href="http://paper.wenweipo.com/2012/05/16/CH12051655555504.htm" >高亮2</a>
   
  <a href="http://paper.wenweipo.com/2012/05/16/CH120516666666604.htm" >高亮3</a>

  </form>
        <script>
            function $(el){
                return typeof el == 'string' ? document.getElementById(el) : el;
            }
            function $t(name, cot){
                cot = cot || document;
                return cot.getElementsByTagName(name);
            }
            var s = 'http://paper.wenweipo.com/2012/05/16/.+.htm';
            var r = new RegExp(s);
            var objs = $t('a', $('form1'));
            for( var i = 0, len = objs.length; i < len; i++){
                if( r.test(objs[i].href) ){
                    objs[i].innerHTML = '<span style="color:red;">'+objs[i].innerHTML+'</span>';
                }
            }
            
            
            
        </script>  
</body>

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

js查找字符串解决方案

相关资料更多>

推荐阅读更多>