时间戳

首页 > 解决方案 > 如何在javascript中选择div？

javascript - 如何在javascript中选择div？

问题描述

在javascript表单中，我想选择一个div（只有一个div）为里面的所有东西应用一个函数，例如，我想选择第一个div并为里面的另一个div应用一个函数

<p>Select a maintenance drone:</p>

<div>
  <input type="radio" id="huey" name="drone" value="huey" checked>
  <div>
    <input type="radio" id="dewey" name="drone" value="dewey">
    <label for="dewey">Dewey</label>
  </div>
  <label for="huey">Huey</label>
</div>
<div>
  <input type="radio" id="louie" name="drone" value="louie">
  <label for="louie">Louie</label>
</div>

标签： javascriptselect

解决方案

有几种方法可以使用 HTML 选择元素。最好的方法之一是通过 id 来定位元素。对于您的代码，这需要向父 div 添加一个 id。要通过id选择元素，请写入：

let element = document.getElementById('elementID');

您可以使用以下方法选择元素的子元素：

element.children; //This returns an array of the children

对于您的具体问题，我会写：

let parentDiv = document.getElementById('parentDiv');
let children = parentDiv.children;
let childDiv = children.find(isDiv => isDiv.tagName === 'DIV'); //returns the first element that is a div

推荐阅读