html05

来源：互联网发布：淘宝最新规则编辑：程序博客网时间：2024/04/27 23:46
<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title></title></head><body>    <ul id="ul">        <li style="background-color: #ffa24a;color: #fff7fb">韦德</li>        <li>科比</li>        <li>詹姆斯</li>    </ul>    <script>        /*创建一个文本节点，将文本节点加入到li里面*/        var textNode = document.createTextNode("mvp");        var oli = document.getElementById("ul").firstElementChild;        /*oli.appendChild(textNode);*/        oli.insertBefore(textNode,oli.firstChild);        /*直接操作文本*/        oli.firstChild.appendData("~\(≧▽≦)/~");  /*默认将内容放在当前节点后面*/        var oli2 = document.getElementById("ul").lastElementChild;        oli2.firstChild.insertData(2,"mm");   /*增加文本放在指定的位置，第一个参数是位置，第二个参数内容*/        oli2.firstChild.deleteData(2,0);   /*第一个参数表示开始位置，第二个参数表示长度*/        oli2.firstChild.replaceData(0,2,"**");/*第一个参数位置，第二个参数长度，第三个参数替换的内容*/    </script></body></html>
0 0