如何使用javascript在没有类名或ID的div元素中选择select或input元素？

在JavaScript中，如果你需要在没有类名或ID的div元素中选择select或input元素，你可以使用多种方法来实现这一目标。以下是一些常用的方法：

方法一：使用`querySelector`和`querySelectorAll`

querySelector和querySelectorAll方法允许你使用CSS选择器来选择元素。即使没有类名或ID，你也可以通过其他属性或者元素类型来选择。

// 假设你想选择第一个div中的第一个select元素
let selectElement = document.querySelector('div select');

// 或者选择所有div中的所有input元素
let inputElements = document.querySelectorAll('div input');

方法二：使用`getElementsByTagName`

这个方法可以返回一个包含所有指定标签名的元素的NodeList。

// 获取所有的select元素
let selects = document.getElementsByTagName('select');

// 获取所有的input元素
let inputs = document.getElementsByTagName('input');

方法三：使用`getElementsByClassName`或`getElementById`

如果这些div元素有共同的类名或者某个div有ID，你可以先选择这个div，然后再从中选择select或input元素。

// 假设div有共同的类名"container"
let divs = document.getElementsByClassName('container');

// 然后遍历这些div来选择select或input元素
for (let div of divs) {
  let select = div.querySelector('select');
  let input = div.querySelector('input');
  // 进行操作...
}

方法四：使用事件委托

如果你需要在用户交互时选择元素，可以使用事件委托。这种方法不需要直接选择元素，而是将事件监听器添加到它们的共同祖先元素上。

document.body.addEventListener('change', function(event) {
  if (event.target.tagName === 'SELECT' || event.target.tagName === 'INPUT') {
    // 处理select或input的变化
  }
});