Дом вставляет курсор в текстовое поле данных

Question

Я начинаю с HTML DOM, и я хочу, чтобы это было фокус textarea, чтобы курсор был помещен в него для ввода.

<div class="_4bl9"> 
    <div class=" _30z _4h96"> 
    <textarea name="xhpc_message_text" placeholder="Write something..." class="_4h98"></textarea> 
    <input value="" name="xhpc_message" type="hidden"> 
    </div> 
</div> 

Я использовал этот код раньше, и он работал, но не больше.

document.getElementsByName('xhpc_message')[0].focus() 

Может ли кто-нибудь предложить мне другой способ? Благодарю.

Answer 1

document.getElementsByName('xhpc_message_text')[0].focus()

<div class="_4bl9"> 
 
    <div class=" _30z _4h96"> 
 
    <textarea name="xhpc_message_text" placeholder="Write something..." class="_4h98"></textarea> 
 
    <input value="" name="xhpc_message" type="hidden"> 
 
    </div> 
 
</div>

Существует опечатка в скрипте. Это не xhpc_message это xhpc_message_text

Answer 2

Я предполагаю, что вы хотите поместить курсор в поле textarea вместо поля input, потому что поле input скрыто.

Если это то, что вы хотите сделать, имя, которое вы используете для выбора элемента в вашем предыдущем коде, неверно, оно должно быть xhpc_message_text.

Следующий пример помещает курсор в textarea:

document.getElementsByName('xhpc_message_text')[0].focus(); 
document.getElementsByName('xhpc_message_text')[0].select();