lovecoding
/
web0715


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132
							<!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>
    <ul>
        <li>1</li>
        <li class="li2">2</li>

        <li class="li3">3</li>
        <li>4</li>
    </ul>
    <script>
        var oLi = document.createElement("li");
        var oUL = document.getElementsByTagName("ul")[0];
        var li3 = document.getElementsByClassName("li3")[0];
        var li2 = document.getElementsByClassName("li2")[0];
        oLi.innerText = "hello";

        // appendChild向当前对象内最后追加一个新的元素
        // oUL.appendChild(oLi);
        // insertBefore 向当前对象内插入新元素，他接收两个参数第一个是你要插入的元素，第二是个要在哪个元素前插入
        // oUL.insertBefore(oLi,li3)

        oUL.insertBefore(li3,li2)
        // oUL.appendChild(li3);
    </script>
</body>
</html>