javascript - 如何选择 Contenteditibale div 中的所有文本？

Question

我正在尝试创建多个 Contenteditibale div，其中包含文本，所以当我想使用鼠标或 ctrl + a 选择整个文本（在所有 div 中）时，仅使用 vanilla js 。

body {
 font-size:16px;
 }
 .wrapper {
  display: flex;
    justify-content: center;
    align-items: center;
    flex-direction:column;
    width: 100vw;
    height :100%
    }
    
 .contenteditable {
  width:400px;
  height:200px;
  border:4px dashed red;
  
  }
  .contenteditable:focus {
  outline : red 2px solid ;
  }

<div class=wrapper>
<div class="contenteditable" contenteditable="true"></div>
<div class="contenteditable" contenteditable="true"></div>
<div class="contenteditable" contenteditable="true"></div>
<div class="contenteditable" contenteditable="true"></div>
<div class="contenteditable" contenteditable="true"></div>
</div>

标签： javascript

Answer 1

您可以使用文本内容；

var node = document.getElementsByClassName('wrapper')[0];
var text = node.textContent;// get's all the text inside the wrapper element