<form> <textarea name="" id="" cols="30" rows="10">山东 深圳 </textarea> <button >添加一个</button> <button >全部添加</button> <button >返回添加</button> <button >返回全部</button> <textarea name="" id="" cols="30" rows="10"></textarea> </form> <script> let button = document.querySelectorAll('.button') let textarea = Document.querySelectorAll('.textarea') 实现来回添加 全部添加 用节点来操作

首先，需要给每个按钮添加一个事件监听器，用于触发相应的操作。然后，需要获取到两个文本框的节点，用于添加和显示数据。

以下是代码示例：

HTML部分：

<form>
  <textarea class="input" cols="30" rows="10">山东   深圳</textarea>
  <button class="add-one">添加一个</button>
  <button class="add-all">全部添加</button>
  <button class="back-add">返回添加</button>
  <button class="back-all">返回全部</button>
  <textarea class="output" cols="30" rows="10"></textarea>
</form>

JS部分：

let input = document.querySelector('.input');
let output = document.querySelector('.output');
let addOneBtn = document.querySelector('.add-one');
let addAllBtn = document.querySelector('.add-all');
let backAddBtn = document.querySelector('.back-add');
let backAllBtn = document.querySelector('.back-all');

let dataList = [];

addOneBtn.addEventListener('click', function() {
  let data = input.value.trim();
  if (data) {
    dataList.push(data);
    output.value = data;
    input.value = '';
  }
});

addAllBtn.addEventListener('click', function() {
  let dataArr = input.value.split('\n');
  dataList = dataList.concat(dataArr);
  output.value = dataList.join('\n');
  input.value = '';
});

backAddBtn.addEventListener('click', function() {
  input.value = dataList.pop() || '';
  output.value = dataList.join('\n');
});

backAllBtn.addEventListener('click', function() {
  input.value = dataList.join('\n');
  dataList = [];
  output.value = '';
});

运行后，可以进行来回添加和全部添加的操作，并用节点来操作显示数据。