Javascript Can'；从html检索输入

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>

*

我想设置

输入

值。我首先做的是通过以下方式检索

输入

对象引用：

document.getElementsByClassName（“\u2ixy2\u1qxya”）

不幸的是，由于某种原因，这会返回
undefinded
，作为响应。为什么会发生这种情况？
返回具有该类名的元素数组。使用
document.getElementsByClassName（“\u 2ixY2\u 1qXYA”）[0]
获取第一个，并使用
.value
设置其值
返回具有该类名的元素数组。使用
document.getElementsByClassName（“\u 2ixY2\u 1qXYA”）[0]
获取第一个，并使用
.value
设置其值

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

但我想指出的是，不建议在react中直接查询DOM，因为这会导致react的虚拟DOM出现问题

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

但我想指出的是，不建议在react中直接查询DOM，因为这会导致react的虚拟DOM出现问题
getElementsByClassName返回包含givven类的所有元素的数组，因此可以这样运行代码

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

下面是一个有效的
GetElementsByCassName返回包含givven类的所有元素的数组，这样您就可以像这样运行代码了

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

这是一个正在工作的
它不返回元素数组。它返回
undefined
。因此您使用document.getElementsByClassName（“\u 2ixY2\u 1qXYA”）并记录它返回的内容，并显示“undefined”？您何时调用document.getElementsByClassName@dafie？您确定您的元素此时存在吗？它不返回元素数组。它返回
undefined
。因此您使用document.getElementsByClassName（“\u 2ixY2\u 1qXYA”）并记录它返回的内容，并显示“undefined”？您何时调用document.getElementsByClassName@dafie？你确定你的元素现在存在吗？那些类名不是很人性化。你怎么记得他们做了什么？如果我的答案帮助你，请考虑把它标记为正确答案：那些类名不太人性化。你怎么记得他们做了什么？如果我的答案帮助你，请考虑把它标记为正确答案：）文件。QuestS选择器（“输入[类= '2IXY2O1QXYA]））；会更干净：）那么建议做什么呢？document.querySelector（“input[class=''u2ixy2'u1qxya']”；会更干净：）那么建议做什么呢？