ວິທີການ HTML DOM Element insertAdjacentElement()

ການອະທິບາຍແລະການນໍາໃຊ້

insertAdjacentElement() ວິທີການທີ່ຈະເພີ່ມບັນຊີເຂົ້າໃນການຕິດຕັ້ງອັນຕະລາງ

ຄວາມລະອຽດທີ່ມີຄວາມພິການ:

ຄວາມລະອຽດ ອະທິບາຍ
afterbegin ຫຼັງບັນຊີສຸດທ້າຍ
afterend ຫຼັງບັນຊີ
beforebegin ກ່ອນບັນຊີ
beforeend ກ່ອນສິ່ງສຸດທ້າຍຂອງບັນຊີ

ຄວາມພິຈາລະນາຂອງ

ຕົວຢ່າງ 1

ເພີ່ມບັນຊີ span ທີ່ຫຼັງຫົວຂໍ້:

const span = document.getElementById("mySpan");
const h2 = document.getElementById("myH2");
h2.insertAdjacentElement("afterend", span);

ສາມາດທົດລອງຄືວ່າ

ຕົວຢ່າງ 2

ນຳໃຊ້ "afterbegin":

const span = document.getElementById("mySpan");
const h2 = document.getElementById("myH2");
h2.insertAdjacentElement("afterbegin", span);

ສາມາດທົດລອງຄືວ່າ

ຕົວຢ່າງ 3

ນຳໃຊ້ "beforebegin":

const span = document.getElementById("mySpan");
const h2 = document.getElementById("myH2");
h2.insertAdjacentElement("beforebegin", span);

ສາມາດທົດລອງຄືວ່າ

ຕົວຢ່າງ 4

ນຳໃຊ້ "beforeend":

const span = document.getElementById("mySpan");
const h2 = document.getElementById("myH2");
h2.insertAdjacentElement("beforeend", span);

ສາມາດທົດລອງຄືວ່າ

ພາສານິຕິບັນຍັດ

element.insertAdjacentElement(position, element)

ຫຼື

node.insertAdjacentElement(position, element)

ພວກມາດ

ພວກມາດ ອະທິບາຍ
position

ມັນຈຳເປັນຫຼື

  • afterbegin
  • afterend
  • beforebegin
  • beforeend
element ບັນຊີທີ່ຈະເພີ່ມເຂົ້າຫຼື

ບັນຊີເບິ່ງທາງຄົ້ນຫຼື

ທຸກບັນຊີເບິ່ງທາງຄົ້ນຫາຫຼື element.insertAjacentElement()：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
支持 支持 支持 支持 支持 支持