تصف هذه المقالة طريقة AppendChild بواسطة JavaScript. شاركه للرجوع إليه. التحليل المحدد هو كما يلي:
رمز المثال لإضافة عقد شجرة DOM هو كما يلي:
انسخ الرمز كما يلي: <html>
<head>
<script type = "text/javaScript">
وظيفة t () {
var nodep = document.createElement ('p') ؛ // إنشاء عقدة p
var art = document.createTextNode ('Hello ، World') ؛ // إنشاء عقدة نصية
var cont = document.getElementById ('Container') ؛ // Get Node
cont.appendchild (nodep) ؛ // إضافة عقدة
nodep.appendchild (Art) ؛ // إضافة العقد النصية
}
</script>
<type type = "text/css">
P {العرض: 100px ؛ الارتفاع: 100px ؛ الخلفية: الأخضر ؛}
#container p {width: 100px ؛ الارتفاع: 100px ؛ الخلفية: Blue ؛}
</style>
</head>
<body>
<div id = "Container"> <p> Hello World </p>
</div>
<p> قل بضع كلمات </p>
<hr />
<button onClick = "t ()" value = ""> إضافة عقدة </button>
</body>
</html>
آمل أن تكون هذه المقالة مفيدة لبرمجة JavaScript للجميع.