ປະສິດຕິກຳ style HTML DOM Element

ການກໍານົດ ແລະ ການນໍາໃຊ້

style ການກັບຄືນຄຸນນະພາບຂອງ style ຂອງອົງມະນັດ ຄືອົງມະນັດ CSSStyleDeclaration.

ອົງມະນັດ CSSStyleDeclaration ບັນຍາກີທຸກຄຸນນະພາບທີ່ວາງຢູ່ບ່ອນນອກ. <head> ປະສິດຕິກຳທີ່ພົບໃນບັນຍາກີພາຍໃນບັນຍາກີພາຍນອກຫຼືໃນບັນຍາກີພາຍຫຼັງ.

ຂັ້ນຕອນ 1

ທ່ານບໍ່ສາມາດຕັ້ງວັດຖຸດັ່ງກ່າວ:

element.style = "color:red";

ທ່ານຕ້ອງໃຊ້ປະສິດຕິກຳ CSS ດັ່ງກ່າວ:

element.style.backgroundColor = "red";

ການທົດລອງດີຕະຫຼອດ:

ຂັ້ນຕອນ 2

ວິທິການ JavaScript ແລະ CSS ກາຍຫຼາຍກວ່າ:

backgroundColor / background-color

ບໍ່ວ່າ ຄູ່ມືທີ່ສົມບູນອົງມະນັດ Style:

ຂັ້ນຕອນ 3

ຂໍ້ສັງເກດດີຕະຫຼອດນີ້ style: ວິທິການ setAttribute()ເພື່ອປ້ອງກັນການຖືກປົດປ່ອຍປະສິດຕິກຳອື່ນໆໃນ style:

ບໍ່ວ່າ

ວິຊາ CSS

ການອະທິບາຍ CSS

ອົງມະນັດ Style

ແຕ່ງເຊັນ <style> HTML

ຫົວຂໍ້

ຕົວຢ່າງ 1

ປ່ຽນສີ "myH1":

document.getElementById("myH1").style.color = "red";

ການທົດລອງດີຕະຫຼອດ:

ຕົວຢ່າງ 2

ຄົ້ນຫາຄຸນນະພາບກາງຂອງ "myP":

let value = document.getElementById("myP").style.borderTop;

ການທົດລອງດີຕະຫຼອດ:

ວິທິການ

ຄືນບອກ style:

element.style.property

ການຕັ້ງວັດຖຸ style:

element.style.property = value

ຄຸນນະພາບຂອງປະສິດຕິກຳ

ຄຸນນະພາບ ກ່າວຫາ
value

ກຳນົດຄຸນນະພາບຂອງປະສິດຕິກຳ.

ຕົວຢ່າງ:

element.style.borderBottom = "2px solid red"

ຄືນບອກ

ຮູບແບບ ກ່າວຫາ
ອົງມະນັດ ອົງມະນັດ CSSStyleDeclaration ຂອງພັກສານ.

ການສະໜັບສະໜຸນບັນຍາກີ່

element.style ເປັນຄວາມຊັບສິນລະດັບ 2 (2001) ປະສົມປະສານ。

ທຸກບັນຍາກີ່ສາມາດສະໜັບສະໜຸນມັນຢ່າງສົມບູນ:

ຊຣູມ ອີອີ ເອດຈ ຟຣີຈອດ ຊາຟາຣີ ໂອເປຣາ
ຊຣູມ ອີອີ ເອດຈ ຟຣີຈອດ ຊາຟາຣີ ໂອເປຣາ
ສະໜັບສະໜູນ 9-11 ສະໜັບສະໜູນ ສະໜັບສະໜູນ ສະໜັບສະໜູນ ສະໜັບສະໜູນ