简单的内部HTML更新不起作用

Simple innerHTML update not working

本文关键字：更新 不起作用 HTML 内部 简单      更新时间：2023-09-26

长话短说，我正在增强现有的注册表以执行简单的"你是人类吗"检查。 简单的东西（人们会认为）。 我什至还没有得到好东西，因为我似乎无法在页面上设置几个span元素的内部 HTML。

这是精简的代码...

<form method="post" action="register2.php">Please verify that you are human below...
    <br/> <span id="num1"></span> X
    <input id="num2" style="width:20px" /> equals <span id="answerswer"></span>
    <br>
    <input id="submit" type="submit" value="Register" disabled="disabled" />
</form>

还有精简的剧本...

$('#submit').attr("disabled", "disabled");
var num1 = Math.floor((Math.random() * 11));
var num2 = Math.floor((Math.random() * 11));
var answer = num1 * num2;
$('#num1').innerHTML = "" + num1;
$('#answer').innterHTML = "" + answer;

此时...我只想看到最后两行设置正确的表单元素，以便我可以继续处理验证功能。 我这里一定有错别字或逻辑错误......思潮？

这是小提琴：http://jsfiddle.net/2e9Xc/

.innerHTML是DOM元素的属性。

document.getElementById('num1').innerHTML = "" + num1;

html()是使用jQuery函数而不是innerHTML：

$('#num1').html(num1);

使用：

$('#num1').html(num1);
$('#answer').html(answer);

由于您已经使用.html()加载了jQuery是最好的。

请参阅：http://api.jquery.com/html/

如果你坚持使用innerHTML你需要从jQuery对象中获取一个合适的DOM对象，如下所示：

$('#num1')[0].innerHTML = "" + num1;
$('#answer')[0].innterHTML = "" + answer;

您不会在 JQuery 对象上使用InnerHTML。您可以改用 html() 方法。喜欢这个：

.HTML 

<form method="post" action="register2.php">Please verify that you are human below...
    <br/> <span id="num1"></span> X
    <input id="num2" style="width:20px" /> equals <span id="answerswer"></span>
    <br>
    <input id="submit" type="submit" value="Register" disabled="disabled" />
</form>

JavaScript

$('#submit').attr("disabled", "disabled");
var num1 = Math.floor((Math.random() * 11));
var num2 = Math.floor((Math.random() * 11));
var answer = num1 * num2;
$('#num1').html(num1);
$('#answer').html(answer);

JSFiddle

http://jsfiddle.net/2e9Xc/1/

只需使用

$('#num1').html("" + num1);

.html()是最好的选择。

相关文章：