Некоторые формы создаются и генерируются Dynamics.com. Я пытаюсь отменить стиль, манипулируя DOM. Локально он работает, но на сервере почему-то JavaScript не работает.
Мой файл js расположен непосредственно перед закрывающим тегом <body>.
В DOM HTML отображается, как показано ниже:
<div data-editorblocktype="Field-checkboxList" style="">
<div class="lp-form-field" data-required-field="false">
<label class="lp-ellipsis" for="29239e83-42a6-ea11-a812-000d3ad7c1cb" title="">The title</label>
<input class="lp-form-fieldInput" type="checkbox" value="125810000">
</div>
</div>
Я пробовал:
window.onload = function() {
document.querySelector("div[data-editorblocktype=Field-checkboxList] .lp-ellipsis").classList.add('bg-red');
}
Но затем я получаю эту ошибку:
Uncaught TypeError: Невозможно прочитать свойство 'classList' of null
С jQuery я пробовал следующее:
if (window.jQuery) {
$('div[data-editorblocktype=Field-checkboxList] .lp-ellipsis').addClass('text-orange-500', window.parent.document);
Есть идеи, как заставить это работать?