Код JavaScript не меняет стиль на HTML -странице ⇐ CSS

[Anonymous]

Я новичок в WebDev и JavaScript. Я ПРЕДУПРЕЖДЕНИЕ, сказав, что я попытался искать (много) аналогичного вопроса, но это были просто люди, которые ошибались в грамматике. выбираемый, поэтому я попытался сделать расширение, которое изменяет «пользовательский селек:« нет »на« пользователь-select: «sack» (chrome). < /p>
Мое расширение запускает это < /p>

Код: Выделить всё

    const elements = document.querySelectorAll("*[style]");

elements.forEach((element) => {
const userSelect = element.style.userSelect;
const flex = element.style.flex;

//select by style because Objects have no id there and classes change everytime you reload for some reasons.

if (userSelect === "none" && flex === "1 1 0%") {
console.log(element.className + "was changed, the complete style was" +
element.style);
element.style.userSelect = "contain";
element.style.setProperty('user-select', 'contain');
console.log("new style is " + element.style.cssText);
//tried both out of desperation, log is unchanged
}
});

Журнал консоли продолжает возвращать правильный элемент, но когда я нажимаю F12, атрибут «Select» пользователя не изменяется, скрипт работает далеко после загрузки страницы.
Я даже пытался запустить это из отчаяния < /p>
element.style.cssText = element.style.cssText.replace("user-select: none", "user-select: contain");
console.log("after the replace it is " + element.style.cssText);
< /code>
и атрибут «select» просто исчезает из стиля. Окно F12 Я могу правильно выбрать все, что я хочу. < /p>
Я новичок в этом, но полностью потерян. Также извините за то, что написал так много

Подробнее здесь: https://stackoverflow.com/questions/794 ... -html-page