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

Question

我正在尝试从我的 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);

非常感谢任何帮助!多谢你们!第一次发帖!

:)

Answer 1

您缺少 textContent。这将为您提供p 元素

的文本

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>