HTML DOM Element insertAdjacentText() Method

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

insertAdjacentText() ວິທີການສົ່ງຄຳຂຽນເຂົ້າໃນຕັດດິດນິວນິຍົມຕົກຕັ້ງ.

ຄວາມຈຳເປັນຂອງຕັດດິດນິວນິຍົມ

ຄວາມມູນຄ່າ ການອະທິບາຍ
afterbegin ຫຼັງການສິ້ນສຸດຂອງປະຕູສັນຍາວິດ.
afterend ຫຼັງປະຕູສັນຍາວິດ.
beforebegin ກ່ອນປະຕູສັນຍາວິດ.
beforeend ຫຼັງການສິ້ນສຸດຂອງປະຕູສັນຍາວິດ.

ຕົວຢ່າງ

ຕົວຢ່າງ 1

ສົ່ງຄຳຂຽນເຂົ້າຫຼັງປະຕູສັນຍາວິດ.

const h2 = document.getElementById("myH2");
let text = "My inserted text";
h2.insertAdjacentText("afterend", text);

ທ້າວທາງທີ່ຈະທົດສະພາບນິວນິຍົມການສະແດງ

ຕົວຢ່າງ 2

ນຳໃຊ້ "afterbegin":

const h2 = document.getElementById("myH2");
let text = "My inserted text";
h2.insertAdjacentText("afterbegin", text);

ທ້າວທາງທີ່ຈະທົດສະພາບນິວນິຍົມການສະແດງ

ຕົວຢ່າງ 3

ນຳໃຊ້ "beforebegin":

h2.insertAdjacentText("beforebegin", text);

ທ້າວທາງທີ່ຈະທົດສະພາບນິວນິຍົມການສະແດງ

ຕົວຢ່າງ 4

ນຳໃຊ້ "beforeend":

h2.insertAdjacentText("beforeend", text);

ທ້າວທາງທີ່ຈະທົດສະພາບນິວນິຍົມການສະແດງ

ຄຳສັ່ງ

element.insertAdjacentText(position, text)

ຫຼື

node.insertAdjacentText(position, text)

ມາຂອງປະເພດ

ມາຂອງປະເພດ ການອະທິບາຍ
position

ຄວາມຈຳເປັນ.

  • afterbegin
  • afterend
  • beforebegin
  • beforeend
text ຕ້ອງສົ່ງມາຂອງຄຳຂຽນທີ່ຈະເພີ່ມເຂົ້າ.

ຄອມພິວເຕີ້ທົດສະພາບນິວນິຍົມການສະແດງ

ທຸກຄອມພິວເຕີ້ທົດສະພາບນິວນິຍົມການສະແດງ element.insertAjacentText()：

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