javascript - 从HTML检索<p>的值并转换为Javascript中的数字

我正在尝试从HTML文档中检索段落元素的值(以下示例为7)，然后在外部javascript文件中引用此值并将其用作变量。

HTML:

<div id="container" class="container">

        <p id="speedTransition">7</p>

    </div>

然后，我使用.innerHTML调用填充js，以便我可以引用ID，但是...

JavaScript尝试1:

var b   = Number(speedTransition);

Javascript尝试2:

var b   = document.getElementById("speedTransition").value = Number(speedTransition);

所有引用“speedTransition”的控制台调用都返回未定义状态，因此speedTrans返回NaN。

console.log(“speedTransition =” + container.speedTransition);
console.log(“speedTrans =” + speedTrans);

任何帮助深表感谢!谢谢你们!第一篇文章!

:)

最佳答案

您缺少textContent。这将使您获得p elemeant的文本

var p = document.getElementById('speedTransition');
var text = p.textContent;
var number = Number(text);
document.write(number);

<div id="container" class="container">

  <p id="speedTransition">7</p>

</div>

关于javascript - 从HTML检索<p>的值并转换为Javascript中的数字，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/30779626/