var str ="";console.log(str.replace(/\,/g, "")); //输出 123

var str ="";console.log(str);//输出123

var str ="";str.replace(/\,/g, ""); //输出  "123"

var str ="123,123";str.replace(/\,/g, "");//输出 123123
//var reg2 = new RegExp("\\{0}", "g")
//new RegExp("\\{" + (i - 1) + "}", "g")

         var str = "123,  1  2  3";

            str =   str.replace(/\ /g, "");//输出 123,123

把字符串中的引号 替换为指定字符 X
           var  str0 =str.replace(/\"/g, 'X'); 
把字符中的引号 替换为反斜杠引号

    var  str0 =str.replace(/\"/g, '\\"'); 
            var t1 = document.getElementById("js1");

            var htmltxt = t1.textContent;

            var html = t1.innerHTML;

            t1.textContent = '<span style="color: red;">123<span>';

            //t1.innerHTML = "123";

            t1.innerHTML = '<span style="color: red;">123<span>';
<body>

    <pre>

        <code id="js1">

            var clacounts = function (string, ele) {

            var count = ; //定义

            pos = str.indexOf(ele); ///测试

            while (pos != -) { //ok

            count++; //搜索

            pos = str.indexOf(ele, pos + ); //查询

            }

            return count;

            }

        </code>

    </pre>

    <input type="button"  value="test" onclick="test()"/>

    <script>

        var clacounts = function (string, ele) {

            var count = ; //定义

            pos = str.indexOf(ele); ///测试

            while (pos != -) { //ok

                count++; //搜索

                pos = str.indexOf(ele, pos + ); //查询

            }

            return count;

        }

    </script>

    <script>

        function test() {

            var t1 = document.getElementById("js1");

            var html = t1.innerHTML;

            t1.innerHTML = '<span style="color: red;">123</span>';

            var t2 = html.split("\n");

            for (var i = ; i < t2.length; i++) {

                t2[i] = t2[i].replace('var', '<span style="color: red;">var</span>');

            }

            var test = t2.join('\n');

            t1.innerHTML = test;

        }

    </script>

</body>
element.insertAdjacentHTML(position, text);

position 是相对于 element 元素的位置，并且只能是以下的字符串之一：

beforebegin：在 element 元素的前面。

afterbegin：在 element 元素的第一个子节点前面。

beforeend：在 element 元素的最后一个子节点后面。

afterend：在 element 元素的后面。

text 是字符串，会被解析成 HTML 或 XML，并插入到 DOM 树中。

// <div id="one">one</div>

var d1 = document.getElementById('one');

d1.insertAdjacentHTML('afterend', '<div id="two">two</div>');

// 此时，新结构变成：

// <div id="one">one</div><div id="two">two</div>
               //

                    //type.firstElementChild   //第一个子元素节点

                    //type.childElementCount   //子元素总数

                    //type.lastElementChild   //最后一个子元素节点

                    //type.parentElement  //父元素

                    //type.parentNode   //父节点

                    //

js的replace, 高亮的更多相关文章

  1. js中replace用法

    js中replace的用法 replace方法的语法是:stringObj.replace(rgExp, replaceText) 其中stringObj是字符串(string),reExp可以是正则 ...

  2. 笔记：js的replace函数

    replace函数 js的replace函数与c#的有一个不同,js的只替换第一个字符 例如,var a=',1,2' var b=a.replace(',','') 结果b='1,2'(ps:这是一 ...

  3. js的replace方法

    今天在项目中发现,js的replace方法,其实只是替换第一个匹配的字符: 比如 backstreetboy.replace('b','B') 得到的结果是Backstreetboy,只是替换了第一个 ...

  4. 关于js的replace替换

    关于js的replace替换 msgContent = msgContent.replace("a","b"); 这样的替换只会把第一个a替换成b,不会替换全部 ...

  5. JS的replace默认只替换第一个匹配项

    1. JS的replace默认只替换第一个匹配项. 解决方法: 使用正则表达式进行匹配替换[   ①.replace(new RegExp(②,"g") ,③);   ] ①:包含 ...

  6. js的replace函数把"$"替换成成"\$"

    var aa = 18$    转换成   aa = 18\$ aa.replace("\$","\\\$");    注意JS的replace方法只能替换第一 ...

  7. vscode中js文件失去高亮/没有智能提示

    vscode中js文件失去高亮/没有智能提示 两步: 第一步:基本的语法高亮提示,需要将vetur删掉,然后把vscode的历史记录缓存删掉,重启vscode. 第二步:js的智能提示,使用插件typ ...

  8. 原生js实现replace方法

    今天看到有人提问js的replace方法怎么实现的,自己就试了试js手册里的String对象的介绍replace大概是这样: string.replace(regexp, replacement) 第 ...

  9. js中replace的用法【转】

    1.replace方法的语法是:stringObj.replace(rgExp, replaceText) 其中stringObj是字符串(string),reExp可以是正则表达式对象(RegExp ...

随机推荐

  1. PHP array_merge_recursive()

    定义和用法 array_merge_recursive() 函数与 array_merge()函数 一样,将一个或多个数组的元素的合并起来,一个数组中的值附加在前一个数组的后面.并返回作为结果的数组. ...

  2. POJ 1260-Pearls（DP）

    Pearls Time Limit: 1000MS   Memory Limit: 10000K Total Submissions: 7465   Accepted: 3695 Descriptio ...

  3. ssh2项目整合 struts2.1+hibernate3.3+spring3 基于hibernate注解和struts2注解

    项目文件夹结构例如以下: watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQveW9uZ3poaWFu/font/5a6L5L2T/fontsize/400/fi ...

  4. Intellij IDEA安装插件

    从Eclipse到Intellij IDEA换过来,还是没有适应,并且电脑异常的卡顿,4核4G内存的机器表示伤不起.Intellij IDEA还有待我进行调教. 今天说明一下怎样安装插件.以keyPr ...

  5. 阿里云部署Docker（2）

    之前有一篇文章讲过在阿里云中安装Docker,相对来说那个是安装.可是安装完之后我们通常会碰到问题. 今天我给大家记录一下我的新的解决过程. 环境还是ubuntu12.04.如果我们已经把内核升级到了 ...

  6. POJ 1861 Network (Kruskal求MST模板题)

    Network Time Limit: 1000MS   Memory Limit: 30000K Total Submissions: 14103   Accepted: 5528   Specia ...

  7. unity3d-23种设计模式全解析

    http://www.jianshu.com/nb/4161593 2016.08.03 09:26 字数 1203 阅读 584评论 0喜欢 14 希望大家能共同学习,交流 谢谢支持zero(QQ: ...

  8. Codeforces Round #329 (Div. 2)B. Anton and Lines 贪心

    B. Anton and Lines   The teacher gave Anton a large geometry homework, but he didn't do it (as usual ...

  9. java多线程——线程通信

    一.线程通信目标 1.线程通信的目标是使线程间能够互相发送信号 2.线程通信使线程能够等待其他线程的信号 二.几种方式 1.通过共享对象 2.忙等待 线程 B 运行在一个循环里,以等待信号 (不释放c ...

  10. bzoj 4537 最小公倍数

    给定一张N个顶点M条边的无向图 每条边上带有权值 所有权值都可以分解成2^a*3^b的形式 q个询问,每次询问给定四个参数u.v.a和b,请你求出是否存在一条顶点u到v之间的路径,使得路径依次经过的边 ...