Javascript Vanilla JS-按div的名称获取元素

我需要用JavaScript翻译这个jQuery命令：

$('#edit_pickup_date_modal').find('input[name=type]').val('2');

我试图：

var element = document.getElementById('edit_pickup_date_modal');
var input = element.getElementsByName('type')[0];
input.value = '2'

---

但是我得到了错误“element.getElementsByName不是函数”

使用

getElementById

获取id为“edit\u picku\u date\u modal”的标签。然后使用

querySelector

搜索名称为'type'的第一个输入字段并设置值

document.getElementById（'edit_picku_date_modal'）。querySelector（'input[name=type]”）。value=2
有关在DOM上搜索元素的更多信息，如
getElementById
，
querySelector
，请参阅


const modalDiv=document.getElementById（'edit\u picku\u date\u model'））
const inputElem=modalDiv.querySelector（'input[name=type]'）；
inputElem.value=2
您还可以将整个操作组合成一个
查询选择器
：
document.querySelector（'edit#u picku_date_model input[name=type]'）。value=2
jQuery
$（'edit#u picku_date_modal'）的等效普通函数。find（'input[name=type]'）。val（'2'）

是:


document.querySelectorAll（'edit#u picku_date_model input[name=type]'）。forEach（函数（obj，索引）{
目标值=2；
});
//如果只需要取第一个元素。
document.querySelector（“#编辑_拾取_日期_模式输入[name=type]”）。值=3

您是否尝试过
var elms=document.querySelectorAll（'edit#u picku_date_modal input[name=type]）；elms.forEach（x=>{x.value=2}）
？也许在最旧的浏览器上，您必须将Element.prototype.queryselectoral返回的节点列表转换为带有
Array的普通数组。from（elms）
不是我的否决票，但我相信这个堆栈站点只需要英语问答为什么不使用英语？