【JS】节点操作-2

Osinghong5个月前 (05-26)成果展示175
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>d24c04429</title>
</head>
<body>
    <ul>
        <li></li>
    </ul>
    <script>
        var ul = document.querySelector('ul');
        var liBefore = document.createElement('li');
        liBefore.textContent = 'd24c04429';
        ul.insertBefore(liBefore, ul.firstElementChild);
        var liAfter = document.createElement('li');
        ul.appendChild(liAfter);
    </script>
</body>
</html>


打赏
分享给朋友:

相关文章

【H5】ul,li练习11个月前 (12-04)
【H5】小米导航栏11个月前 (12-05)
【JS】三元表达式7个月前 (03-17)
【JS】3.17课后练习7个月前 (03-17)
【JS】For语句7个月前 (03-17)
【JS】For语句进阶7个月前 (03-24)