JS替换删除及复制字符串

编程专区
21年12月21日
编辑

admin



<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h2 id="title" style="color: red;">待办事项</h2>
    <ul><li class="li">打扫卫生</li><li id="li2" class="li">打篮球</li><li class="li">学习</li></ul>

</body>
</html>
<script>
    var h2 = document.getElementById("title");
    console.log(h2.nodeType);

    var ul = document.getElementsByTagName('ul')[0];
    console.log(ul.childNodes);
    console.log(ul.firstChild.firstChild.nodeValue);
    console.log(ul.lastChild.firstChild.nodeValue);
    ul.firstChild.firstChild.nodeValue = '完成课后作业';
    ul.lastChild.firstChild.nodeValue = '出去聚餐唱歌';

    console.log(h2.nodeName);

    console.log(h2.getAttribute('id'));
    h2.setAttribute('style','color:yellow');


    var textNode = document.createTextNode("休息睡觉");
    var liNode = document.createElement("li");
    liNode.appendChild(textNode);
    
    ul.appendChild(liNode);


    var textNode2 = document.createTextNode("看演唱会");
    var liNode2 = document.createElement("li");
    liNode2.appendChild(textNode2);

    var jiuNode = document.getElementById("li2");
    ul.replaceChild(liNode2, jiuNode);

    var lis = document.getElementsByTagName('li');
    for(var i = 0; i< lis.length; i++){
        console.log(lis[i].firstChild.nodeValue);
    }

    var body = document.getElementsByTagName('body')[0];
    body.removeChild(h2);

    body.appendChild(ul.cloneNode(true));
</script>

{{userData.name}}已认证

JS替换删除及复制字符串

Js对象及利用弹出输入框打印文本

JAVA总结