zoukankan      html  css  js  c++  java
  • js的replace, 高亮, insertAdjacentHTML , tbody.innerHTML

    var str ="123";console.log(str.replace(/\,/g, "")); //输出 123
    var str ="123";console.log(str);//输出123
    var str ="123";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 = 0; //定义
                pos = str.indexOf(ele); ///测试
                while (pos != -1) { //ok
                count++; //搜索
                pos = str.indexOf(ele, pos + 1); //查询
                }
                return count;
                }
            </code>
        </pre>
        <input type="button"  value="test" onclick="test()"/>
    
        <script>
            var clacounts = function (string, ele) {
                var count = 0; //定义
                pos = str.indexOf(ele); ///测试
                while (pos != -1) { //ok
                    count++; //搜索
                    pos = str.indexOf(ele, pos + 1); //查询
                }
                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("
    ");
                
                for (var i = 0; i < t2.length; i++) {
                    t2[i] = t2[i].replace('var', '<span style="color: red;">var</span>');
                }
                var test = t2.join('
    ');
                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   //父节点
                        //
  • 相关阅读:
    C#基础:单例模式与多线程
    C#基础:线程同步
    C#基础:C#中的数据结构
    C#基础:GC中什么是代,一共分几代
    C#基础:Dispose方法和Finalize方法在何时被调用
    C#基础:.NET中GC的运行机制
    C#基础:简述.NET中堆栈和堆的特点和差异
    PLSQL_基础系列05_视图控制WITH CHECK OPTION(案例)
    PLSQL_基础系列04_时间间隔INTERVAL(案例)
    PLSQL_基础系列03_合并操作UNION / UNION ALL / MINUS / INTERSET(案例)
  • 原文地址:https://www.cnblogs.com/enych/p/9828216.html
Copyright © 2011-2022 走看看