мой проект на vue и я хочу добавить кнопку, при нажатии которой можно получить html и css определенного блока. Как это сделать.
2 ответа
Метод в вашем компоненте
methods: {
getHtmlContent: function (event) {
const htmlContent = document.querySelector('.the-element-you-want').innerHTML;
const element = document.querySelector('.the-element-you-want');
const elementCss = window.getComputedStyle(element , null);
}
}
Кнопка
<button v-on:click="getHtmlContent">Get html</button>
-
-
-
@myscode спасибо, моя задумка в том чтобы пользователь, мог сам сконструировать себе какой-нибудь блок. и при нажатии скопировал html и css этого элемента. Такой способ подойдет? проверить сам смогу позже:(– damcha6 июл 2020 в 18:05
-
в приципе да. Сможете из массива свойств и их значений сгенерировать css– myscode6 июл 2020 в 18:54
Для получения стиле блока средствами JS можно использовать getComputedStyle
А для получения HTML кода элемента можно использовать outerHTML