Question

我正在尝试将HTML ID转换为Javascript变量，原因是我想从另一个文件中检索另一个变量，我最终得到了HTML格式的变量，我想在javascript中使用该变量脚本。有没有一种简单的方法可以解决这个问题？因为我的代码似乎不起作用。谢谢

<!DOCTYPE html>
<head>
  <div id="theVariable">13579</div>
  <script type="text/javascript">
    var converted = document.getElementById("theVariable").value;
    //var converted = document.getElementById("theVariable");
    document.write(converted);
    document.write(" something else");
  </script>
</head>

<!---------out put should be: --------
13579
13579 something else
--------------------------------------->

Answer 1

您正尝试在value元素上使用属性div，该元素无效。请改用innerhtml

<!DOCTYPE html>
<head>
  <div id="theVariable">13579</div>
  <script type="text/javascript">
    var converted = document.getElementById("theVariable").innerHTML;
    //var converted = document.getElementById("theVariable");
    document.write(converted);
    document.write(" something else");
  </script>
</head>

<!---------out put should be: --------
13579
13579 something else
--------------------------------------->

Answer 2

您可以使用textContent＆amp; trim。trim将移除任何空格

＆＃13;

var converted = document.getElementById("theVariable").textContent.trim();
console.log(converted)

＆＃13;

<div id="theVariable">13579</div>

＆＃13;

Answer 3

.value用于获取输入标记中的值。对于div / span / p，我们应该使用innerHTML

使用div id将值转换为Javascript变量

3 个答案: