HTML DOM Document.createElement() ກົນລະຍຸດ

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

createElement() ກົນລະຍຸດສ້າງປະກອບສະໜອງ.

ບໍ່ບໍ່ຊອກຫາ:

ກົນລະຍຸດ appendChild() ຂອງ Element

ກົນລະຍຸດ insertBefore() ຂອງ Element

ຕົວຢ່າງ

ຄຳນວຍງານ 1

ການສ້າງປະກອບ <p> ແລະສ້າງຫນັງໃສ່ເອກະສານ:

const para = document.createElement("p");
para.innerText = "This is a paragraph";
document.body.appendChild(para);

ທ້າທາຍສັນຕິພາບ

ຄຳນວຍງານ 2

ການສ້າງປະກອບ <p> ແລະສ້າງຫນັງໃສ່ບັນດາສະໜອງ:

const para = document.createElement("p");
para.innerHTML = "This is a paragraph.";
document.getElementById("myDIV").appendChild(para);

ທ້າທາຍສັນຕິພາບ

ຄຳນວຍງານ 3

ການສ້າງບັນຕານ:

const btn = document.createElement("button");
btn.innerHTML = "Hello Button";
document.body.appendChild(btn);

ທ້າທາຍສັນຕິພາບ

ຂອບເຂດຄຳສັບພາສາ

document.createElement(tagName)

ພຽງພໍ

ພຽງພໍ ການອະທິບາຍ
tagName

ຄວາມຈຳເປັນ

ນາມແບບ HTML ສາມາດໃຊ້ຄວາມຫາຍຄາວຫຼືຫາຍຄາວຕັ້ງແຕ່ບາງມືຖານ.

ນາມແບບ XML ຕ້ອງທຳລາຍຄວາມຫາຍຄາວ.

ຄວາມຮັບມອດ

ປະເພດ ການອະທິບາຍ
ປະກອບສອງ ປະກອບສອງຂອງບັນດາສອງຂອງປະກອບສະໜອງທີ່ຈະມີນາມແບບທີ່ກຳນົດຄື.

ການກະທຳ

ຖ້າ tagName ມີຄວາມຜິດພາດພາສານອກມາຫນັງໃນການໃຫ້ການໄດ້ການກະທຳບັນດາຄວາມຜິດພາດບັນດາຄວາມແບບ: INVALID_CHARACTER_ERR DOMException ຄວາມຜິດພາດ.

ການສະໜັບສະໜູນບັນດາບັນນາທິການ

document.createElement() ເປັນເອກະສານ DOM Level 1 (1998) ຄວາມຈິງ.

ທຸກບັນດາບັນນາທິການໄດ້ສະໜັບສະໜູນມັນ:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
ສະໜັບສະໜູນ 9-11 ສະໜັບສະໜູນ ສະໜັບສະໜູນ ສະໜັບສະໜູນ ສະໜັບສະໜູນ