Im using a text span field and want to select the text inside on click, im not using jQuery, so i wonder if i can do it with java functions?

here is the code:

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

And my function:

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

Im using a text span field and want to select the text inside on click, im not using jQuery, so i wonder if i can do it with java functions?

here is the code:

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

And my function:

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

• javascript
• html
• select

• oh i failed to post the html code: – m.wallgren Commented Nov 5, 2015 at 14:52
• <div id="container"> <h2> Varför?</h2> <h3> Usp: </h3> <div> <span contenteditable="true" onClick="toggle11();"/ class="text1">Skriv här</span> </div> </div> – m.wallgren Commented Nov 5, 2015 at 14:52
• 1 Don't you mean JavaScript? Entirely different from Java. Also there's a stray / in your <span>. Probable duplicate – Kenney Commented Nov 5, 2015 at 14:54
• ye im sorry, i meant javascript – m.wallgren Commented Nov 5, 2015 at 14:57
• Also there are another mistake in your code document.getElementsByClassName('text1')[0] will be correct. Note the plural in getElements, it returns a bundle of DOM elements, so we catch the first with [0]. this.select() it's not correct also, because this is not referencing anywhere, you are not inside an scope – Marcos Pérez Gude Commented Nov 5, 2015 at 15:02

1 Answer 1

So there were a few things wrong. First as someone pointed out there was a stray slash in html. Second its getElementsByClassName. Here is a fiddle. Is this what you wanted?

Fiddle: http://jsfiddle/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);
};