تصف هذه المقالة استخدام استبدال أو تعديل وظيفة replacechild () لعقدة DOM. شاركه للرجوع إليه. التحليل المحدد هو كما يلي:
عملية استبدال عقدة DOM:
(1) إنشاء عقدة جديدة ؛
(2) العثور على العقدة القديمة ؛
(3) من منظور العقدة الأصل ، استخدم الدالة ReplaceChild (الجديدة ، القديمة) لاستبدالها.
انسخ الرمز كما يلي: <html>
<head>
<script type = "text/javaScript">
وظيفة t () {
// الأفكار: 1. أولاً ابحث عن العقدة التي سيتم استبدالها ؛ 2. إنشاء عقدة جديدة. 3. ابحث عن العقدة الأصل واتصل بالطريقة RedipeChechild (الجديدة ، القديمة) من منظور العقدة الأصل.
var newli = document.createElement ('li') ؛ // إنشاء عقدة جديدة
var newtext = document.createTextNode ('النهار') ؛ // إنشاء عقدة نصية
newli.appendchild (newText) ؛
var nodeul = document.getElementsByTagName ('ul') [0] ؛ // ابحث عن العقدة الأصل
var oldli = nodeul.children [2] ؛ // أوجد العقدة المراد استبدالها
Nodeul.ReplaceChild (Newli ، Oldli) ؛ // استبدال
}
</script>
</head>
<body>
<div id = "container">
<ul>
<li> الربيع </li>
<li> الصيف </li>
<li> السماء الزرقاء </li>
<li> الخريف </li>
<li> الشتاء </li>
</ul>
</div>
<div id = "copyul">
</div>
<hr />
<button onClick = "t ()" value = ""> استبدال العقدة والتعديل </button>
</body>
</html>
آمل أن تكون هذه المقالة مفيدة لبرمجة JavaScript للجميع.