JSFiddle - React, Tailwind, and code Playground

by Ben Clayton

HTML

<div id="edit1">Hello</div>
<div id="edit2">World</div>
<button>Bold</button>

JavaScript

document.designMode.on = 1;


function SelectText(element) {
		console.log(element);

    var text = document.getElementById(element);
		
		$.browser = $.browser | {mozilla:1};
    if ($.browser.msie) {
        var range = document.body.createTextRange();
        range.moveToElementText(text);
        range.select();
    } else if ($.browser.mozilla || $.browser.opera) {
        var selection = window.getSelection();
        var range = document.createRange();
        range.selectNodeContents(text);
        selection.removeAllRanges();
        selection.addRange(range);
    } else if ($.browser.safari) {
        var selection = window.getSelection();
        selection.setBaseAndExtent(text, 0, text, 1);
    }
}


$('button').click(function(){
	SelectText(document.getElementById('edit1'));
});