document.getElementById（）不断返回NULL-如何查找值

Question

我正在Kali Linux上使用那些易受攻击的实践网站之一，当我检查源代码页面时，我注意到以下变量var pathName = document.getElementById("path")的值pathName隐藏起来，这取决于我自己这些网站是人们练习道德技巧的地方

因此，在Chrome Web浏览器控制台中，我输入document.getElementById("path").value，但我不断得到返回null。我不明白为什么，为什么我需要像window.ontop这样？

任何帮助都会很棒！

Answer 1

如果document.getElementById("path").value返回null，则找到您的元素。它可能不是input元素，所以可能不包含value字段。

尝试在控制台中输入JSON.stringify(document.getElementById("path"))来检查对象。

也可以尝试document.getElementById("path").outerHTML来查看属性和子项。

或者只是document.getElementById("path")并打开树以查看内部结构。

Answer 2

确保您在DOM中具有input属性值的id="path"。

例如- <input id="path">

如果DOM中不存在该字段，那么getElementById将始终返回null。

您可以打开Chrome-Dev工具并在“元素”标签中搜索此#path。那应该突出显示该输入，如果不是，则您定位的是错误的元素。