原⽣js实现append（）⽅法
⼀．在使⽤jquery时，append() ⽅法在被选元素的结尾（仍然在内部）插⼊指定内容
使⽤⽅法：$(selector).append(content)，content为必需的。规定要插⼊的内容（可包含 HTML 标签）
⼆．在使⽤原⽣js时，使⽤appendChild() ⽅法可向节点的⼦节点列表的末尾添加新的⼦节点，
⽤法：parent.appendChild(child); child没有引号包住，child参数，是node类型。给⼀个空⽂档⾥⾯动态创建元素，要使⽤document.body.appendChild(child).
三.例⼦：
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style>
.test{
color: red;
border:1px solid red;
display: inline-block;
font-size: 20px;
width: 200px;
height:50px;
}
</style>
</head>
<body>
原生js和js的区别<p id="p1">appendChild⽅法是在⽗级节点中的⼦节点的末尾添加新的节点</p>
<p id="p2">jquery中append⽅法在被选元素的结尾（仍然在内部）插⼊指定内容</p>
</body>
<script src="script/jquery-1.11.3.js"></script>
<script>
//⽤jquery来实现
$(function(){
$("#p2").bind("click",function(){
$(this).append("<strong>---我是⽤jquery实现的</strong>");
})
})
/
/⽤原⽣js来实现
var ElementById('p1');
var ateElement('strong');
var ateTextNode("----我是使⽤原⽣Js实现的");
pobj.appendChild(strongobj.appendChild(textobj));
}
}
</script>
</html>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。