JAVASCRIPT

difference between .append and .appendChild

.append()
This method is used to add an element in form of a Node object or a DOMString (basically means text).

.appendChild()
Similar to the .append method, this method is used to elements in the DOM, but in this case, only accepts a Node object.

--Differences--
1).append accepts Node objects and DOMStrings while .appendChild accepts only Node objects
2).append does not have a return value while .appendChild returns the appended Node object
3).append allows you to add multiple items while appendChild allows only a single item

append vs appendChild

.append()
تستخدم هذة الدالة  لإظافة عنصر فرعي  (نصي) .
This method is used to add an element in form of a Node object or a DOMString (basically means text).

.appendChild()
نفس الدالة السابقة وتستخدم لإظافة عنصر جديد رئيسي ولكن في هذه الحالة  تقبل كائن واحد فقط
Similar to the .append method, this method is used to elements in the DOM, but in this case, only accepts a Node object.

--Differences--
1) يقبل  اظافة كائنات رئيسية  بينما الاخر يقبل كائنات فرعيه فقط
1).append accepts Node objects and DOMStrings while .appendChild accepts only Node objects
2)  الاب يقبل ارجاع  كائن فرعي ونصي بينما الاخر لا يقبل بإرجاع إلا كائن فرعي فقط.(الاب لديه ابناء بينما الابن لديه فرع فقط للإرجاع)
2).append does not have a return value while .appendChild returns the appended Node object
3) الاب يمكنه اظافة عدة كائنات بينما الاخر اظافة كائن فرعي فقط.
3).append allows you to add multiple items while appendChild allows only a single item
امثلة example
function myFunction() {
  var x = document.createElement("ARTICLE");
  x.setAttribute("id", "myArticle");
  document.body.appendChild(x);

  var heading = document.createElement("H1");
  var txt1 = document.createTextNode("Heading in Article");
  heading.appendChild(txt1);
  document.getElementById("myArticle").appendChild(heading);

append vs appendchild

append appendChild