Сохранить содержимое из набора тегов с блоком отображения

Question

Извините, я мешаю вам с этой простой проблемой, чтобы создать кнопку сохранения с javascript до сохранения содержимого каждой области div в файл (localStorage, FileSaver. js), а не node.js с Хорошее решение в этом примере.

Я установил HTML5 область для многих страниц Div:

  <div id="page-1" class="page" style="display: block">    
    &lt;!-- block comment --&gt;
  </div>
  <div id="page-2" class="page">
    /* block comment */
  </div>
  ...

Выбор, который я использовал для выбора каждой страницы, заданной областью href это:

  ...
  <li><a href="index" class="active" >index<span class="extension">.html</span></a></li>
  <li><a href="styles">styles<span class="extension">.css</span></a></li>
  ...

Я пытаюсь использовать getElementById и getElementsByClassName , установленный .value и .style.display , но я не могу понять, в чем проблема с javascript, который я собираю, и мне нужна помощь с исходным кодом javascript.

Answer 1

может быть, это поможет с тем, что вам нужно, как это работает:

• есть div, с текстом, который вы хотите, это можно редактировать.
• в javaScript вы сохраняете ссылку на этот div.
• когда вы нажимаете кнопку, вы вызываете функцию, которая смотрит на div и получает его текст

надеюсь, что это поможет 101

const $text = document.querySelector('.text');

function getText() {
  console.log($text.textContent);
}

.text {
  border: 1px solid lightgray;
}

<div class="text" contenteditable>You can edit me</div>

<button class="submit" onclick="getText()">Get Text</button>