每天CookBook之JavaScript-056

  • 插入段落
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>056</title>
</head>
<body>
    <div id="target">
    <p></p>
    <p></p>
    <p></p>
    <p></p>
    <p></p>
    </div>
</body>
<script type="text/javascript">
var div = document.getElementById("target");
var paras = div.getElementsByTagName("p");
var newPara = document.createElement("p");
if(paras[3]){
    div.insertBefore(newPara, paras[3]);
} else {
    div.appendChild(newPara);
}
</script>
</html>
posted @ 2016-07-21 22:56  4Thing  阅读(89)  评论(0)  编辑  收藏  举报