javascript - 在 javascript 中访问 js 变量时无法读取 null 的属性 'value'

Question

我需要什么

• 我需要将 url 变量从 html 传递到 JavaScript 文件。

html代码

    <script>
     var p = "{{ page_param.asy_request | replace('&','&')}}";
     p = p.replace(/\&/g, "&");
     p = "{{ DomainDetect() }}/ajax?for=event_listing&ajax=1" + p;

   </script>

 <input type="hidden" name="mobilepage" id="mobilepage" value="'+p+'"/>

在 JavaScript 代码中访问 p 变量

   var mobile=document.getElementById("mobilepage").value;
   console.log(mobile);

错误

Uncaught TypeError: Cannot read property 'value' of null

• 我需要将 url 从 html 文件传递​​到 js 文件。

• 我为此使用了隐藏元素。

• 欢迎提出任何建议。

Answer 1

您的 html 元素没有 id。因此，您无法使用 document.getElementById 进行选择。如果您想解决此问题，则必须添加此 id，如下所示:

<input type="hidden" name="mobilepage" id="mobilepage" value=""/>

如果您不想添加 id 并且希望保持此元素不变，则应使用另一种方法来选择元素，document.getElementByName.

下面我添加了一个代码片段来查看它是否有效。

alert(document.getElementById("mobilepage").value);

<input type="hidden" name="mobilepage" id="mobilepage" value="3"/>