Я пытаюсь установить pointer-events: none для div через JavaScript, однако свойство не применяется.
Я пробовал:
document.getElementById("div").setAttribute("pointer-events", "none");
и
document.getElementById("div").style.pointer-events = "none";
Но ни работали, ни какие-либо идеи?
Ваша первая попытка не удалась, потому что это было свойство CSS, а не атрибут (часть атрибута style).
Ваша вторая попытка не удалась, потому что по какой-то причине, когда этот API casing-like-this преобразуется в camelCasingLikeThis. Вероятно, потому, что ребята, которые построили JavaScript и ребята, которые построили CSS, были не очень хорошо скоординированы.
Следующее должно работать:
document.getElementById("div").style.pointerEvents = "none";
Существует пример в book который использует element.setAttributeNS(null, "pointer-events", "none"); вместо использования element.style.pointer-events = "none";.