仅允许修改JS时，如何获取嵌套在无IDdiv中的input元素值？

嘿，我明白你的需求了——没法修改HTML，只能用JS来取那个藏在多层无IDdiv里的input值对吧？其实很简单，咱们可以利用外层那个带ID的div作为锚点来定位。

具体实现代码 #

你可以这样分步写，逻辑更清晰：

// 先定位到外层的父容器（这个有明确ID，定位起来很可靠）
const parentContainer = document.getElementById('s-Input_1');
// 在父容器内部查找目标input元素
const targetInput = parentContainer.querySelector('input[type="text"]');
// 获取input的当前值
const inputValue = targetInput.value;

// 和你想要的效果一致，弹出值
alert(inputValue);

要是嫌啰嗦，一行代码就能搞定：

alert(document.getElementById('s-Input_1').querySelector('input').value);

补充说明 #

• 外层的#s-Input_1是唯一ID，用它当起点能确保咱们不会误选页面上其他input元素
• querySelector支持在指定元素的子节点范围内查找，完美适配这种多层嵌套的结构
• 如果后续这个input有更独特的属性（比如placeholder或者maxlength），还能把选择器写得更精准，比如input[maxlength="100"]，进一步避免误匹配

内容的提问来源于stack exchange，提问作者Vahid