如何在JavaScript-React中选择div.parentElement中的元素
我想要console.log在big div中的第一个图像。Big div由父元素选择。
function click(e){
console.log(e.target.parentElement) //this will selekt bigDiv
console.log(e.target.parentElement[2]) // like this dont work
}
<div className="bigDiv">
<div></div>
<div></div
<img /> // I want to select this when click div ⬇
<div onclick={click}>Click me<div/>
<img />
</div>
共有2个答案
可以使用查询选择器选择图像数组
var nodes = div.querySelectorAll('img');
var first = nodes[0];
var last = nodes[nodes.length- 1];
e.target.parentElement.getElementsByTagName('img');
试试这个
-
例如：数组中有四个项目。我想随机获取一个，如下所示：
-
本文向大家介绍在JavaScript中随机选择元素的功能，包括了在JavaScript中随机选择元素的功能的使用技巧和注意事项，需要的朋友参考一下 假设我们有一个不包含像这样的重复元素的文字数组- 我们需要编写一个JavaScript函数，该函数接受一个唯一文字数组和一个数字n。该函数应返回n个元素的数组，这些元素都是从输入数组中随机选择的，并且任何元素在输出数组中不应出现多次。 因此，让我们为该
-
问题内容： 我们选择带有Django 1.4测试和Selenium的元素，如下所示： （该类继承自）。 问题是有时有些元素没有文本，并且如果我们选择它，它就会失败（len为0）。如何选择没有文本的元素？ 更新 ：由于不起作用，我不得不断言两行以断言没有文本： 现在，我可以用一行声明相同的内容： 问题答案： 您可以使用XPath的 功能。
-
问题内容： 请看这个例子： 有人可以将其更新为在Chrome中透明吗？目前，FF中的结果是正确的。谢谢。 更新： 现在无法在Chrome中正常运行。 问题答案： select { 尚未在Firefox上进行测试，但似乎禁用了webkit可以应用的特定行为。
-
问题内容： 我有这样的 我想引用元素“ x”。我尝试了几种方法，但找不到解决方案。 问题答案： document.getElementById(‘myframe1’).contentWindow.document.getElementById(‘x’) 所有浏览器（包括较旧版本的IE）都支持该功能。 请注意，如果的是从另一个域，您将无法访问其内容，由于同源策略。
-
问题内容： 我想创建一个Selenium测试，以使用AOL邮件测试我们的扩展。我设法登录到AOL并撰写了电子邮件，但是我还需要在iframe中的编辑器中选择元素。我检查了一下，即使打开了编辑器，以下测试也失败了： 我得到了错误。如何通过Xpath（或通过Selenium以任何其他方式）选择iframe的主体和其他元素？ 问题答案： 在切换到之前，您无法浏览。您的xPath 将不会起作用，因为代码位