Как добавить событие JavaScript в textarea, не имея прямого доступа к нему?

Question

Мне интересно, как добавить

onblur="hcb.watermark.blur(event)" onfocus="hcb.watermark.focus(event)" style="color: rgb(136, 136, 136);

на следующую текстовую область без прямого доступа к ней:

<textarea rows="4" id="HCB_textarea" name="content" class="commentbox hcb-shadow-r" onkeypress="hcb.delta(event)"/>

Может ли какой-нибудь дополнительный JS сделать работу?

Answer 1

Вы можете взять элемент, используя document.getElementById, и манипулировать им оттуда.

var textArea = document.getElementById('HCB_textarea');
textArea.onblur = hcb.watermark.blur;
textArea.onfocus = hcb.watermark.focus;
textArea.style.color = 'rgb(136, 136, 136)';

Answer 2

Используйте jQuery для прикрепления событий, изменения стиля.