Javascript document.getElementById不';尽管车窗超载,但仍无法工作

Javascript document.getElementById不';尽管车窗超载,但仍无法工作,javascript,html,Javascript,Html,我有一小段代码,可以获取页面的URL,并用id令牌框填充文本区,其中包含#字符后的所有内容 我最初在标记后面有javascript。这不起作用,window.onload功能也不起作用 <p id="token"> <script> window.onload = function() { var url = location.href var index = url.search(/access_token=/g) var acces

我有一小段代码,可以获取页面的URL,并用id
令牌框
填充
文本区
,其中包含
#
字符后的所有内容

我最初在
标记后面有javascript。这不起作用,
window.onload
功能也不起作用

<p id="token">

  <script>

  window.onload = function() {
    var url = location.href
    var index = url.search(/access_token=/g)
    var access_token = url.substring(index+13,index+37)
    if (index > 18) {
      document.getElementById("token-description").value = "Your access token is:<br>";
      document.getElementById("token-box").value = access_token;
    }
    document.getElementById("token-box").select();
  }

  </script>

  <p id="token-description" class="token-title" value="hello">
  </p>

  <input id="token-box" type="text" name="token" value="lol">
</p>

window.onload=函数(){ var url=location.href var index=url.search(/access\u token=/g) var access_token=url.substring(索引+13,索引+37) 如果(索引>18){ document.getElementById(“令牌描述”).value=“您的访问令牌是:
”; document.getElementById(“令牌框”).value=access\u令牌; } document.getElementById(“令牌框”).select(); }


真正奇怪的是,填充
输入的javascript(第二个
文档.getElementById
确实有效。为什么我不能填充
标记的值?

对于
p
元素,没有

改变

document.getElementById("token-description").value = "Your access token is:<br>";
document.getElementById(“令牌描述”).value=“您的访问令牌是:
”;

document.getElementById(“令牌描述”).innerHTML=“您的访问令牌是:
”;
顺便说一句,你不能把一个
p
放在另一个
p
@Qwertiy很高兴知道:)我应该使用span吗?你应该使用像
div
这样的块元素。无论如何,很少有元素会自动关闭,
p
是其中之一,而
span
不是。
document.getElementById("token-description").innerHTML = "Your access token is:<br>";