HTML DOM Element innerHTML ທີ່ປະກອບ

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

innerHTML ການປ່ຽນຄືນຫຼືການຄົ້ນຫາ HTML ຂອງປະກອບ (HTML ພາຍໃນ).

ບໍ່ວ່າຈະມີ:

ຄວາມຂອງ innerText

ຄວາມຂອງ textContent

ຄວາມນວນ

ຕົວຢ່າງ 1

ຄົ້ນຫາ HTML ຂອງປະກອບ id="myP":

let html = document.getElementById("myP").innerHTML;

ທີ່ຢູ່ຕາມສິດຕິກຳ

ຕົວຢ່າງ 2

ປ່ຽນ HTML ຂອງປະກອບ id="demo":

document.getElementById("demo").innerHTML = "I have changed!";

ທີ່ຢູ່ຕາມສິດຕິກຳ

ຕົວຢ່າງ 3

ຄົ້ນຫາ HTML ຂອງ <ul> id="myList":

let html = document.getElementById("myList").innerHTML;

ທີ່ຢູ່ຕາມສິດຕິກຳ

ຕົວຢ່າງ 4

ລຶບຂອງ HTML ຂອງປະກອບ <p> id="demo":

element.innerHTML = "";

ທີ່ຢູ່ຕາມສິດຕິກຳ

ຕົວຢ່າງ 5

ປ່ຽນຂອງ HTML ຂອງສອງປະກອບ:

let text = "Hello Dolly.";
document.getElementById("myP").innerHTML = text;
document.getElementById("myDIV").innerHTML = text;

ທີ່ຢູ່ຕາມສິດຕິກຳ

ຕົວຢ່າງ 6

ການປ່ຽນທີ່ມີຄວາມມີຄວາມຕາມຄົນ

element.innerHTML += element.innerHTML;

ທີ່ຢູ່ຕາມສິດຕິກຳ

ຄຳປະກອບ 7

ການປ່ຽນທີ່ມີຄວາມມີຄວາມຕາມຄົນ

element.innerHTML = "W3School";
element.href = "";

ທີ່ຢູ່ຕາມສິດຕິກຳ

ຄຳສັບສວນ

ການບັດເບິ່ງ innerHTML

element.innerHTML

ການຕັ້ງຂອງການບັດເບິ່ງ innerHTML

element.innerHTML = text

ຄວາມມີຄວາມຕາມຄົນ

ຄວາມມີຄວາມຕາມຄົນ ການອະທິບາຍ
ຄວາມມີຄວາມຕາມຄົນ ປະກອບສິ່ງ HTML

ຄວາມມີຄວາມຕາມຄົນຕາມຄົນ

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

innerHTML、innerText ແລະ textContent ກັບການແຕກຕ່າງກັນ

ຄວາມມີຄວາມຕາມຄົນຕາມຄົນ

ປະກອບສິ່ງທີ່ມີຄວາມຕາມຄົນຕາມຄົນ

ຄວາມມີຄວາມຕາມຄົນຕາມຄົນ

ປະກອບສິ່ງທີ່ມີຄວາມຕາມຄົນຕາມຄົນ

ຄວາມມີຄວາມຕາມຄົນຕາມຄົນ

ປະກອບສິ່ງທີ່ມີຄວາມຕາມຄົນຕາມຄົນຕາມຄົນຕາມຄົນ

ຄວາມມີຄວາມຕາມຄົນຕາມຄົນ

<p id="myP">   This element has extra spacing     and contains <span>a span element</span>.</p>

ການພິມຫຼັກ JavaScript

let text = document.getElementById("myP").innerText;
let text = document.getElementById("myP").innerHTML;
let text = document.getElementById("demo").textContent;

ທີ່ຢູ່ຕາມສິດຕິກຳ

ໃນຄວາມມີຄວາມຕາມຄົນຕາມຄົນ

ຄວາມມີຄວາມຕາມຄົນຕາມຄົນ

ປະກອບສິ່ງທີ່ມີສະພາບການກະຈາຍອາຍການຫຼາຍກວ່າທີ່ມີປະກອບສິ່ງ span element.

ຄວາມມີຄວາມຕາມຄົນຕາມຄົນ

   ປະກອບສິ່ງທີ່ມີສະພາບການກະຈາຍອາຍການຫຼາຍກວ່າທີ່ມີປະກອບສິ່ງ <span>ປະກອບສິ່ງspan</span>.

ຄວາມມີຄວາມຕາມຄົນຕາມຄົນ

   ປະກອບສິ່ງທີ່ມີສະພາບການກະຈາຍອາຍການຫຼາຍກວ່າທີ່ມີປະກອບສິ່ງ <span>ປະກອບສິ່ງspan</span>.

ການບັດເບິ່ງບາງການບັດເບິ່ງບາງການ

ທຸກບັນດາການບັດເບິ່ງບາງການບັດບາງການບັດເບິ່ງບາງການບັດເບິ່ງບາງການ element.innerHTML：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
ການສະໜັບສະໜູນ ການສະໜັບສະໜູນ ການສະໜັບສະໜູນ ການສະໜັບສະໜູນ ການສະໜັບສະໜູນ ການສະໜັບສະໜູນ