Reputation:
I am trying to focus on input window but its giving error :
<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
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
Reputation: 242
You may use jQuery's attribute selector
$('[data-reactid=".2.1.$=1$conversation.2.0"]').focus();
Upvotes: 0