Javascript DOM - 如何添加帶有文本內(nèi)容的新div元素
我們想知道如何添加帶有文本內(nèi)容的新div元素。
<!DOCTYPE html>
<html>
<head>
<style type='text/css'>
p {
border: 2px dashed green;
padding: 10px;
margin: 4px;
}
div {
border: 2px dashed blue;
padding: 10px;
margin: 4px;
}
</style>
</head>
<body>
<p>
<div>original</div>
</p>
<script type='text/javascript'>
var p = document.createElement('p');
p.appendChild(document.createElement('div')).appendChild(document.createTextNode('new'));
document.body.appendChild(p);
</script>
</body>
</html>
The code above is rendered as follows:
【insert】
