ພາສານົມ HTML DOMTokenList toggle()

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

ພາສານົມ toggle() ທີ່ຖອນຄູ່ທີ່ໃຫ້ຈາກລາຍການແລະກັບຄືນ false. ຖ້າຄູ່ບໍ່ມີຢູ່ນັ້ນແລ້ວການເພີ່ມແລະກັບຄືນ true.

ຕົວຢ່າງ

ຕົວຢ່າງ 1

ການປ່ຽນຄວາມເປີດປິດຂອງ "myStyle":

const list = element.classList;
list.toggle("mywStyle");

ທົດລອງຄົນຕາຍເອງ

ຕົວຢ່າງ 2

ການເພີ່ມຄູ່ "myStyle" ຕໍ່ປະກອບປະກອນ:

const list = element.classList;
list.add("myStyle");

ທົດລອງຄົນຕາຍເອງ

ຕົວຢ່າງ 3

ການຖອນຄູ່ "myStyle" ຈາກປະກອບປະກອນ:

const list = element.classList;
list.remove("myStyle");

ທົດລອງຄົນຕາຍເອງ

ກໍານົດ 4

ການເພີ່ມປະເພດຫຼາຍໃຫ້ສັດ:

element.classList.add("myStyle", "anotherClass", "thirdClass");

ທົດລອງຄົນຕາຍເອງ

ກໍານົດ 5

ການຖອນປະເພດຫຼາຍຈາກສັດ:

element.classList.remove("myStyle", "anotherClass", "thirdClass");

ທົດລອງຄົນຕາຍເອງ

ກໍານົດ 6

ການຄົ້ນພົບຈຳນວນປະເພດຂອງສັດ:

let numb = element.classList.length;

ທົດລອງຄົນຕາຍເອງ

ກໍານົດ 7

ການປ່ຽນສະຖານະບັນນາທິບາຍບັນດາປະເພດເພື່ອສ້າງຫົວສັດລົງພົວພັນ:

document.getElementById("myBtn").onclick = function() {myFunction()};
function myFunction() {
  document.getElementById("myDropdown").classList.toggle("show");
}

ທົດລອງຄົນຕາຍເອງ

ກົນລະບຽບ

domtokenlist.toggle(token)

ປະເພດ

ປະເພດ ການອະທິບາຍ
token ຕ້ອງການ. ສິນລະຫວ່າງທີ່ຈະປ່ຽນ.

ຜົນກະທົບ

ບໍ່ມີ.

ການສະໜັບສະໜູນສານຊູບ

domtokenlist.toggle() ແມ່ນການຂັ້ນວັດຖຸ DOM Level 4 (2015).

ມັນສະໜັບສະໜູນໂດຍທຸກສານຊູບ.

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

Internet Explorer 11 (ຫຼືແຕ່ກ່ອນນັ້ນ) ບໍ່ສາມາດສະໜັບສະໜູນ domtokenlist.toggle().

ບັນດາໜ້າສານຄົງຄຽງ

ປະສົມພາສາ length

ກົນລະບຽບ item()

ກົນລະບຽບ add()

ກົນລະບຽບ remove()

ກົນລະບຽບ replace()

ກົນລະບຽບ forEach()

ກົນລະບຽບ entries()

ກົນລະບຽບ keys()

ກົນລະບຽບ values()

ວັດຖຸ DOMTokenList