как получить html и css определенного блока

Question

мой проект на vue и я хочу добавить кнопку, при нажатии которой можно получить html и css определенного блока. Как это сделать.

Answer 1

Метод в вашем компоненте

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>

Answer 2

Для получения стиле блока средствами JS можно использовать getComputedStyle

Описание в документации

А для получения HTML кода элемента можно использовать outerHTML

Документация

БЛОГ НА HUSL

как получить html и css определенного блока

Ответы (2 шт):