HTML DOM Element outerHTML ຂອບເຂດ

ການສະແດງ ແລະການນໍາໃຊ້

outerHTML ການຕັ້ງຂອບເຂດຫຼືກັບຄືນ HTML ຂອບເຂດ, ລວມທັງຄວາມມີຄວາມ, ຕົ້ນຕອນແລະປິດຕອນ。

ຕົວຢ່າງ

ຄວາມຄິດທີ 1

ທົດລອງດັງຕົວຕອນ ແລະ ຂອບເຂດຂອງ h2 ທໍາອິດ:

document.getElementsByTagName("h2")[0] = "<h3>Changed!</h3>";

ທ້າທາຍຕົວເອງ

ຄວາມຄິດທີ 2

ທົດລອງດັງຕົວຕອນ:

element.outerHTML = "<h2>This is a h2 element</h2>";

ທ້າທາຍຕົວເອງ

ຄວາມຄິດທີ 3

ການສະແດງ <h1> ຂອບເຂດ HTML ຕໍ່ມາ:

let html = document.getElementsByTagName("h1")[0].outerHTML;
alert(html);

ທ້າທາຍຕົວເອງ

ຄວາມຄິດທີ 4

ການສະແດງ <ul> ຂອບເຂດ HTML ຕໍ່ມາ:

let html = document.getElementsByTagName("ul")[0].outerHTML;
alert(html);

ທ້າທາຍຕົວເອງ

ວິທິພາສາ

ການກັບຄືນ outerHTML:

element.outerHTML

ການຕັ້ງຂອບເຂດ outerHTML:

element.outerHTML = text

ຄວາມມີຄວາມຂອງຄອມພິວເຕີບ

ຄວາມມີຄວາມ ການອະທິບາຍ
text ຂອບເຂດ HTML ອອກໃໝ່。

ຜົນກຳນົດ

ປະເພດ ການອະທິບາຍ
ສະແນນ ຂອບເຂດ HTML ທີ່ເປັນສ່ວນສຳຄັນ, ລວມທັງຄວາມມີຄວາມ, ຕົ້ນຕອນແລະປິດຕອນ。

浏览器支持

所有浏览器都支持 element.outerHTML：

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