Select All contents of a div

Question

I'm having trouble selecting all contents of the div. Here's a demo:

It's selecting only the first line of texts, the other lines are ignored. How can I fix this?

EDIT:

By browser is google chrome

SECOND EDIT:

Too bad i'd be answering my own question. But here i've got it to work on Google Chrome:

I've replaced

selection.setBaseAndExtent(text, 0, text, 1);

with

selection.selectAllChildren(text);

and it worked like a charm! Please guys inform me if it works with other browsers as well.

please include all necessary code, to understand you question, in your question as well. — Yoshi, Jan 10 '12 at 11:56
guys i've found the solution, i edited my question and included the answer, please let me know if it works in ur browsers as well! — Jürgen Paul, Jan 10 '12 at 12:09
@user1099531 Now works in FF 9, IE 9 and Chrome 16 for me (though it continuing to work in the other two isn't surprising). I also found an alternative solution: `selection.setBaseAndExtent(text, 0, text, text.innerText.length-1);` which worked for me. [jsFiddle](http://jsfiddle.net/KcX6A/311/) — Anthony Grist, Jan 10 '12 at 12:12

score 6 · Accepted Answer · answered Jan 10 '12 at 12:13

6

It seems that removing webkit specific calls to setBaseAndExtent fixes issue in latest Chrome

answered Jan 10 '12 at 12:13

Aquatic

score 1 · Answer 2 · answered Jan 10 '12 at 11:55

1

I believe you need to use innerHTML (or was it outerHTML) to get the entire text.

answered Jan 10 '12 at 11:55

Sachin Kainth

2 Answers2