Как скопировать данные таблицы с вводимым текстом в виде ячейки без jQuery в ClipBoard?

Question

У меня есть простая таблица в формате, подобном следующему:

<table>
  <thead>
    <tr>
      <th>Savings</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Savings 
         <button type="button" (click)="submit()">Click Here</button>
      </td>
      <td *ngFor="let data in items"><input type="text" [value]="data.savings"></td>
    </tr>
    <tr>
     <td> [Similar to above row]</td>
    </tr> 
  </tbody>
</table>

Как правильно скопировать таблицу с входными значениями без jQuery сохранения структуры строк? Меня интересуют только данные строк, а не заголовки или имя ячейки. Я посоветовался с Копировать строки таблицы в буфер обмена - копирование только первой страницы , но копирует структуру данных, а не значение поля ввода?

Answer 1

Вы хотите получить значение поля ввода в каждой строке таблицы? Может быть получено с помощью чистого javascript ：

<script>
     var  values=document.getElementsByTagName("input");
     alert(values[0].value);
</script>

// document.getElementsByTagName (name) ： Поиск элементов по имени тега

Это можно скопировать:

<script type="text/javascript">
function copy()
{
 var  values=document.getElementsByTagName("input");
 values[0].select(); // Select object
 document.execCommand("Copy"); //Execute browser copy command
 alert("Has been copied, can be pasted");
}
</script>
<input type="button" onClick="copy()" value="Click Copy Code" />

копировать несколько строк:

<script type="text/javascript">
function copy()
{

    var  values=document.getElementsByTagName("input");
    var textarea =document.createElement('textarea'); // create  textarea label
    //Traverse the content of the table and splice it into the content of the textarea
    for(var i=0;i<values.length; i++){
         textarea.innerHTML= textarea.innerHTML+=values[i].value+'\n'
    }
    document.body.appendChild(textarea) // Add to body  
    textarea.select();    
    document.execCommand("Copy"); //Execute browser copy command
    textarea.remove(); 
    alert("Has been copied, can be pasted");
}
</script>
<input type="button" onClick="copy()" value="Click Copy Code" />