在 <span> onClick 中选择文本

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);
};