user6900888
user6900888

Reputation:

Cannot read property 'focus' of null

I am trying to focus on input window but its giving error :enter image description here

<div class="intercom-conversation-footer" data-
    reactid=".2.1.$=1$conversation.2"><div class="intercom-composer" data-
    reactid=".2.1.$=1$conversation.2.0"><pre data-
    reactid=".2.1.$=1$conversation.2.0.0"><span data-
    reactid=".2.1.$=1$conversation.2.0.0.0">write something</span><br data-
    reactid=".2.1.$=1$conversation.2.0.0.1"></pre><textarea placeholder="Write 
    a reply..." data-reactid=".2.1.$=1$conversation.2.0.1"> </textarea><span
     data-reactid=".2.1.$=1$conversation.2.0.2"></span><button class="intercom-
    composer-emoji-button" data-reactid=".2.1.$=1$conversation.2.0.5"></button>
    <button class="intercom-composer-send-button" data-
    reactid=".2.1.$=1$conversation.2.0.7"></button></div></div>

i want to focus on this how i can ?

my code is :

var message = document.createEvent("TextEvent");  
message.initTextEvent ("textInput", true, true, window, "Hello", 0, "en-US");
document.getElementById(".2.1.$=1$conversation.2.0.0.0").focus();

but its giving error :

VM20681:1 Uncaught TypeError: Cannot read property 'focus' of null(…)

Upvotes: 0

Views: 12503

Answers (2)

Alexander Paschenko
Alexander Paschenko

Reputation: 731

You don't have id, but only data-reactid property. So, you can use some like as: document.querySelector("span[data-reactid='.2.1.$=1$conversation.2.0.0.0']").focus();

Upvotes: 1

ahmetertem
ahmetertem

Reputation: 242

You may use jQuery's attribute selector

$('[data-reactid=".2.1.$=1$conversation.2.0"]').focus();

Upvotes: 0

Related Questions