javascript - div javascript の内容を選択すると、必要以上のテキストが選択されます

Question

このスクリプトを使用して、選択可能なコンテンツを選択しています。ただし、必要以上のテキストが選択されるため、この場合は URL のみを選択する必要があります。

http://jsfiddle.net/PcvRK/2/

function selectText() {
    if (document.selection) {
        var range = document.body.createTextRange();
        range.moveToElementText(document.getElementById('selectable'));
        range.select();
    } else if (window.getSelection) {
        var range = document.createRange();
        range.selectNode(document.getElementById('selectable'));
        window.getSelection().addRange(range);
    }
}

これを修正する方法はありますか？

私は Chrome を使用していますが、他のブラウザーではテストしていません。