检索< p>的值.来自HTML&转换为JavaScript中的数字 [英] Retrieve value of <p> from HTML & convert to number in Javascript

问题描述

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

I'm trying to retrieve the value (example below is 7) of a paragraph element from my HTML doc, then reference this value in an external javascript file and use it as a variable.

HTML:

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

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

    </div>

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

I then populate the js using .innerHTML calls so I can reference the id but...

Javascript尝试1:

var b   = Number(speedTransition);

Javascript尝试2:

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

所有引用"speedTransition"的控制台调用均未定义，因此speedTrans返回NaN.

All console calls referencing "speedTransition" come back undefined and thus speedTrans returns NaN.

console.log("speedTransition = " + container.speedTransition);
console.log("speedTrans = " + speedTrans);

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

Any help massively appreciated! Thanks guys! First post!

:)

推荐答案

您缺少 textContent .这将为您提供 p elemeant

You were missing textContent. This will get you the text of the 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>

这篇关于检索< p>的值.来自HTML&转换为JavaScript中的数字的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！