Кнопка выделяющая блок

Смотрите, есть такой код:

Код (Text):

1. <div class="bbCodeBlock">
2.     <div class="codeMessage" >one</div>
3. </div>
4.  
5. <div class="bbCodeBlock">
6.     <div class="codeMessage" >two</div>
7. </div>
8.  
9. <div class="bbCodeBlock">
10.     <div class="codeMessage" >three</div>
11. </div>

мне надо вставить в каждый bbCodeBlock кнопку, при клике кнопки должен выделяться содержимое codeMessage который принадлежит соответствующему bbCodeBlock, я напаял такой код, но он отказывается работать:

Код (Text):

1. function test() {
2.  
3.  
4. var block = document.getElementsByClassName('bbCodeBlock'); // получаем массив всех div класса bbCodeBlock
5. var select_button = '<input type="button" onclick="this.parentNode.getElementsByClassName(\'codeMessage\')[0].select()" value="Выделить" />'; // кнопка с атрибутами
6.  
7. for ( var i = 0; i < block.length; i++ ) { // добавляем во все div класса bbCodeBlock кнопку
8. block[i].innerHTML = block[i].innerHTML + select_button;
9. }
10.  
11. }
12.  
13. window.onload = test;

пишет:

в чем косяк?
PS JS толком не знаю, пишу только на знании C# и PHP, ну и по каким та примерам найденным в интернете.

Добавлено спустя 13 минут 52 секунды:
Попробовал убрать скобки от select, ошибку не выдает, но и не выделяет

 

Может проблема в select? я сделал просто блок div с текстом, и на нем поставил

Код (Text):

1. onclick="this.select()"

та же самая ошибка.

хотя если сделать поле input type="text" и к нему прикрутить onclick все работает.

 

как бы это узнать поточнее

 

Спасибо, getSelection помогло из данной статьи.