自动修改字体颜色

我用html写了一份数据库说明文档
我的页面是在记事本里纯用html和js写的
页面是2个frame框架,左边的frame里面是一个目录,右边的frame用来显示明细
我现在想控制整个框架下的所有页面的文字颜色:比如关键字select我要显示成蓝色,delete,insert,update显示成红色
注:不管这个"select"是在table中还是div还是在title中或者直接在页面中,都要自动变颜色
因为那些关键字太多,我不想每次手动加<font color=blue></font>

解决方案 »

  1.   

    你的给你的关键字加个属性class="keyword"，然后CSS里写：
    table .keyword { color: red; }
    div .keyword { color: blue }
      

  2.   


    document.getElementById(id).style.color="red";
      

  3.   

    楼主不会是想这样实现吗？
    <body>
        select 
        update
        delete
        <table><tr><td>select update delete </td></tr></table>
        <div>select update delete </div>
    </body>
    如果是这样的话就麻烦了，只能为每一个select,update,delete,添加相应的标签了
    不过具体的还是要看你的代码结构。
      

  4.   

    你这个比较有挑战性，哈哈
    我想到得办法就只有替换了。$("body").html($("body").html().replace("select","<font color='red'>select</font>"))
      

  5.   

    我试过了，以下这种方式可以：document.body.innerHTML =document.body.createTextRange().htmlText.replace('select','<font color="red">select</font>'); 当然，你首先把所有的select利用document.body.createTextRange().htmlText遍历出来，注意剔除掉<select> 标签
      

  6.   

    说错了，不是遍历。replace里面用正则表达式剔除标签试试。
      

  7.   

    楼主说的只是设置颜色，还是自动变化颜色（就是说根据用户选择，随时改变颜色？）。
    如果是前者，用CSS即可。
    如果是后者，就用JQ做吧，只因为用它比较方便。
      

  8.   

    document.body.innerHTML = document.body.innerHTML.replace(/(select|update|delete)/g,'<font color="red">$1</font>');
      

  9.   

    <script type="text/javascript">
    document.body.innerHTML = document.body.innerHTML.replace(/(select|update|delete)/g,'<font color="red">$1</font>');
    </script>把这段代码加在</html>之前，其中的关键字可以修改的。
      

  10.   

    改进一下，过滤掉标签：
    <script type="text/javascript">
    document.body.innerText= document.body.innerText.replace(/(select|update|delete)/g,'<font color="red">$1</font>');
    </script>