Как добавить: после в javascript
html:
Это то, что у меня есть
<div class = "one"> Apple </div>
Я хочу добавить слово «сок», используя javascript .style. Есть ли эквивалент :: after, где я могу установить содержимое в javascript с помощью .style.after = "juice"?
<div class = "one"> Apple Juice </div>
js:
document.querySelector('.one').style.display = "inline";
document.querySelector('.one').style.marginLeft = "2px";
document.querySelector('.one').style. =
stackoverflow.com/questions/38872290/how-to-get-pseudo-eleme nt
—
18.08.2018 20:18
stackoverflow.com/questions/311052/…
—
18.08.2018 20:19
Возможный дубликат Выбор и управление псевдоэлементами CSS, такими как :: before и :: after, с помощью jQuery
—
18.08.2018 21:52
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
2
3
1 847
1
Ответы 1
Я могу придумать довольно странный способ добиться того, чего вы хотите:
var style = document.createElement('style');
style.innerText = '.one::after { ... }';
document.body.appendChild(style)
По сути, просто создайте совершенно новый элемент <style></style> и добавьте туда свои стили псевдоселектора и добавив его в тело.
Другие вопросы по теме
Как я могу сохранить весь этот HTML-файл?
CSS - панель навигации не размывается при добавлении текста
Дочерний div прокручивается, но высота тела все равно увеличивается при добавлении содержимого в дочерний элемент
Соответствует ширине изображения для фоновой обложки в родительском div
Кнопка или текст не отцентрованы правильно
Определите, является ли устройство iOS или Android, а затем перенаправьте
JavaScript не читается в приведенном ниже html-коде
Переходы срабатывают при прокрутке
Вертикальная линия в один пиксель (или вертикальные линии по бокам) вокруг SVG для некоторых размеров экрана
Ошибка при вводе ссылки с параметрами
Похожие вопросы
Неожиданный символ в конце оператора импорта
Как я могу сохранить весь этот HTML-файл?
Передача различных значений переменных обработчикам событий в цикле
Как добавить данные в реквизит React
Как получить весь объект в качестве вывода, когда он глубоко вложен в JavaScript?
Ошибки при одновременной команде в node.js и приложении реакции?
Получение объекта события вместо значения в событии @Output Angular 6
Как я могу добавить значение счетчика в кал-карту
DataTables - неверные результаты СОРТИРОВКИ при использовании CHROME
Expressjs 4.X: Могу ли я использовать router.route () вместо app.route ()