在<span>onClick中</span>选择文本

Question

我使用文本跨度字段，并希望选择单击内部的文本，我不使用jQuery，所以我想知道我是否可以用java函数做到这一点？

这是代码：

<div id="container">
   <h2> Varför?</h2>
   <h3> Usp: </h3>
   <div>
      <span contenteditable="true" onClick="toggle11();"/ class="text1">
         Skrivhär
      </span>
   </div>
</div>

我的功能：

function toggle11() {
    var i = document.getElementByClassName("text1")
    this.select();
}; 

Answer 1

所以有一些错误。 首先有人指出html中有一个流浪的斜线。 其次是getElementsByClassName。 这是一个小提琴。 这是你想要的吗？

小提琴： http ： //jsfiddle.net/yb7rt2dL/

function toggle11() {
    var el = document.getElementsByClassName("text1")[0];
    var range = document.createRange();
    range.selectNodeContents(el);
    var sel = window.getSelection();
    sel.removeAllRanges();
    sel.addRange(range);
};