Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Вывод информации без удаления предыдущей (https://javascript.ru/forum/dom-window/78920-vyvod-informacii-bez-udaleniya-predydushhejj.html)

рони 22.11.2019 15:47

Цитата:

Сообщение от Keberson
После нажатия второй раз на кнопку цвет у span пропадает, так как и сам класс (как я понимаю) пропадает
Но хотелось бы, чтобы класс span не исчезал

Цитата:

Сообщение от Keberson
Но не всему, а только тому, который только-только вставил??

не могу совместить вместе эти условия.

Keberson 22.11.2019 15:49

Все решил этот вопрос)) Спасибо большое за информацию!

Keberson 22.11.2019 15:49

<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">


  </style>
  <script>
var str = "";
function getSelectedText() {
    var text = window.getSelection();
    id1.innerHTML =`${id1.innerHTML}<span style = "color: red;">${text}</span>`
    str += text;
}

  </script>
</head>

<body>
  <header>
    Набор предложений: оаоаоаоааоаоаоа
    <button id="button" onclick="getSelectedText()">Запуск JS скрипта</button>
    <div id="id1"></div>
  </header>
</body>

</html>


вот так получилось

рони 22.11.2019 15:58

Keberson,
:-?
<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  #id1{
     color: red;
  }

  </style>
  <script>
var str = "";
function getSelectedText() {
    var text = window.getSelection().toString();
    if(text && text.trim()){
    str += text;
    id1.innerHTML =`${str}`

    }
}

  </script>
</head>

<body>
  <header>
    Набор предложений: оаоаоаоааоаоаоа
    <button id="button" onclick="getSelectedText()">Запуск JS скрипта</button>
    <div id="id1"></div>
  </header>
</body>

</html>


Часовой пояс GMT +3, время: 15:54.