Как отключить максимальную ширину веб-представления Evernote с помощью JavaScript?
Evernote устанавливает ограничение max-width на содержимое веб-просмотра, и я определил его местоположение в инструменте разработчика Chrome (F12). Доказательства: снятие флажка рядом с «max-width» приведет к растяжению таблицы на всю ширину окна.
Мой вопрос: как я могу удалить этот оператор css с помощью кода JavaScript?
Я пробовал это:
document.getElementById("container").style.removeProperty("max-width")
но тщетно.
На указанную выше веб-страницу можно попасть по адресу http://www.evernote.com/l/ABXYD6q6bM9MyaAfRs78hQnq6VMINfVJODg/.
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 2
Не уверен, как работает веб-просмотр, но не могли бы вы попробовать использовать javascript, чтобы добавить к нему новый класс, который добавил максимальную ширину 100%?
document.getElementById("container").classList.add('no-max-width');
затем в styles.css поместите
.no-max-width { максимальная ширина: 100%; }
Если это невозможно, попробуйте
document.getElementById("container").style.maxWidth('100%');
Хотя у меня иногда возникают проблемы с .styles, поэтому я не уверен, что это точно, плюс я читал, что лучше добавлять классы, чем играть со стилями css в JS, но также не уверен, насколько это точно.
Поскольку этот оператор не установлен как встроенный стиль, вы не сможете удалить его.
Однако вы можете изменить его значение и установить его на none, добавив объявление встроенного стиля, которое переопределит текущее значение.
Демо:
var elem = document.getElementById('container');
elem.style.maxWidth = 'none';