当我使用 javascript 在 html 中获取 p-tag 的值时，我尝试向该值添加一个特定的数字，但输出给出 NaN

Posted 2023-05-07

技术标签:

【中文标题】当我使用 javascript 在 html 中获取 p-tag 的值时，我尝试向该值添加一个特定的数字，但输出给出 NaN【英文标题】：When i get the value of a p-tag in html using javascript, I try to add to this value a specific number, but the output gives NaN 【发布时间】：2019-08-28 05:27:10 【问题描述】：

我正在使用 html、css 和 js 创建我的第一个游戏，关于你需要点击的目标然后你会得到一些分数。

我尝试添加 parseInt() 和 Number() 但问题还没有解决。

HTML 代码：

<center>
<p class="score" >Score : </p>
<div id="score2" class="score" type="number" step="1" >0</div>
</center>
<div id="enem" class="enemy" >
    <div id="deg1" class="degree1" onclick="hit()">
      <div id="deg2" class="degree2" onclick="hit()">
        <div id="deg3" class="degree3" onclick="hit()">
        </div>
      </div>
    </div>
</div>

JS代码：

function hit() 
    var enem = document.getElementById("enem");
    if(enem.onclick="hit();") 
        enem.parentNode.removeChild(enem);
        var f = document.getElementById("score2").value;
        var f = parseInt(f);
        var v = f+100;
        document.getElementById('score2').innerHTML = v;

我希望 v 的输出为 100，但实际输出为 NaN。

【问题讨论】：

我真的很困惑你想在（缺少一个 =）if 语句中比较什么，那么最好将 innerHTML 设置为 value，而 elem 甚至从来没有设置过 onclick 谢谢你的帮助！ 【参考方案1】：

您必须使用 .innerHTML 之类的东西而不是 .value 来检索分数，因为 score 是一个 DIV 元素。

【讨论】：

【参考方案2】：

值用于输入：

"定义和用法

value 属性设置或返回文本字段的 value 属性的值。

value 属性包含默认值或用户输入的值（或脚本设置的值）。"

来源：https://www.w3schools.com/jsref/prop_text_value.asp

如果您使用纯 javascript，您的选项是 .innerHtml。如果你使用 jQuery，你的选择是 .html()