无法从 html 检索输入

Question

html包含：

<span class="AIvhS _3MboC _2YsGM _22FXo ywmsL" data-reactid=".n.6.1:0.1:3">
    <span class="_3hurI" data-reactid=".n.6.1:0.1:3.0">
        <input class="_2ixY2 _1qXYA" value="" data-reactid=".n.6.1:0.1:3.0.1" autocomplete="off">
    </span><span class="_1Q8WE" data-reactid=".n.6.1:0.1:3.2">*</span>
</span>

我想设置input值。首先，我要做的是retreive input对象参考：

document.getElementsByClassName("_2ixY2 _1qXYA");

不幸的是，由于某种原因，这是返回undefinded的响应。为什么会发生？

Answer 1

.getElementsByClassName（"）返回带有该类名称的元素。使用document.getElementsByClassName("_2ixY2 _1qXYA")[0]获取第一个并使用.value设置其值

Answer 2

尝试

document.querySelector('input[class="_2ixY2 _1qXYA"]');

，但我只想指出，不建议直接查询DOM在React中，因为它会引起React的虚拟DOM

Answer 3

getElementsByClassName返回包含givven类的所有元素的数组，因此您可以像这样运行代码

var input_element = document.getElementsByClassName("_2ixY2 _1qXYA")[0];
input_element.value = 'hiii';

这是一个工作的snnipet