每天CookBook之JavaScript-057

  • 插入文本
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>057</title>
</head>
<body>
    <div id="target">
        <p></p>
        <p></p>
        <p></p>
    </div>
</body>
<script type="text/javascript">
var div = document.getElementById("target");
var oldPara = div.getElementsByTagName("p")[1];
var txt = document.createTextNode("The new paragraph will contain this text");
var para = document.createElement("p");
para.appendChild(txt);
div.insertBefore(para, oldPara);
</script>
</html>
posted @ 2016-07-22 23:00  4Thing  阅读(67)  评论(0)  编辑  收藏  举报