この記事では、JavaScriptによるAppendChildの方法について説明します。参照のためにそれを共有してください。特定の分析は次のとおりです。
DOMツリーノードの追加の例は次のとおりです。
次のようにコードをコピーします:<html>
<head>
<script type = "text/javascript">
関数t(){
var nodep = document.createelement( 'p'); // p nodeを作成します
var art = document.createTextNode( 'hello、world'); //テキストノードを作成します
var cont = document.getElementById( 'container'); // get node
Cont.AppendChild(nodep); //ノードを追加します
nodep.appendchild(art); //テキストノードを追加します
}
</script>
<style type = "text/css">
p {幅:100px;高さ:100px;背景:緑;}
#container p {width:100px; height:100px; background:blue;}
</style>
</head>
<body>
<div id = "container"> <p> hello world </p>
</div>
<p>いくつかの単語を言います</p>
<hr />
<button onclick = "t()" value = ""> node </button>
</body>
</html>
この記事がみんなのJavaScriptプログラミングに役立つことを願っています。