javascript - 我很难通过 Javascript 引用正确的 DOM 节点。有什么问题吗？

Question

代码如下:

<script type="text/javascript">
document.write(document.getElementsByTagName("select").value);
</script>
<form>
<select value="slct">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
</form>

为了简洁起见，其余部分已被编辑。我尝试在字符串末尾使用“nodeValue”和“value”，但没有成功。当我剪下值时，它输出“[object]”。

我知道我可能遗漏了一些明显的东西，但我似乎无法获取元素的引用。我正在尝试开发一个启用下拉框的复选框，但我一直陷入这个起点。

提前谢谢您。

Answer 1

1. 您调用 document.getElementsByTagName 时该元素不存在。将脚本移至 select 元素之后，或延迟它(例如，通过将其设为调用 onload 的函数……除非您使用(丑陋、有问题、最好避免)document.write 在加载事件触发后效果不佳。
2. document.getElementsByTagName 返回一个 NodeList，而不是单个 DOM 节点，因此它没有 value 属性
选择元素上的
3. value 不能很好地支持跨浏览器。获取 selectedIndex，使用它来获取选定的选项元素，然后获取该元素的值。