<body> <input type="button" name="" value="Insert" onclick="embed()" /> <hr width="245px" size="1" align="left" /> <input type="text" name="" value="" id="txt" /> <ol id="oList"> <li>Black metal</li> <li>Alternative metal</li> <li>Thrash metal</li> <li>Doom metal</li> <li>Classical metal</li> <li>Gothic metal</li> </ol> </body>
<script type="text/javascript">
function embed(){
var oList = document.getElementById("oList");
var listItems = oList.getElementsByTagName("li");
var aLis = document.createElement("li");
aLis.innerHTML = document.getElementById("txt").value;
oList.insertBefore(aLis,listItems[0]);
}
</script>
注意：实际开发中一般将要插入的元素放在首位，所以选择tagName下角标为0的位置前插入。