Edit in JSFiddle

var text = document.getElementById("myText");
text.addEventListener('click', showSelect, false);

function showSelect(event) {
  var selection = window.getSelection(); // 선택을 가지고 온다
  var range = selection.getRangeAt(0); // 선택을 범위 객체로 받아온다. 

  var fragment = range.cloneContents(); // 범위를 복사
  var div = document.createElement("div"); // 새 div 생성
  div.style.backgroundColor = "orange"; // 배경색 지정
  div.appendChild(fragment); // div의 차일드로 범위를 넣는다.
  // output 에 넣는다.
  var output = document.getElementById("output");
  output.insertBefore(div, output.firstChild);
}

<p id="myText">ABCDEFGHIJKLMNOPQRSTUVWXYZ</p>
<P>위의 텍스트를 선택하세요.</P>
<p id="output"> </p>