javascript - 如何用javascript重写html文档

标签 javascript html

我想重写一个更新文档 html,其中一些信息来自 javascript。

<html>
<head>
<title>App</title>
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" />
<script type="text/javascript" src="quiz.js"></script> 
</head>

<body>          

<form id="test">
<table border="1" cellpadding="5" cellspacing="0">


//q3 and q2, follow the same schema
<tr>
<td>q3?</td>
<td>
    <input name="q4" type="radio" value="false"/>
    S<br>
    <input name="q4" type="radio" value="false"/>
    Sa<br>
    <input name="q4" type="radio" value="true"/>
    Re
</td>
</tr>

</table>
<br/>
<input name="submit" type="button" onClick="gradeTest()" value="Comprueba"/>
</form> 
</body>
</html>

还有我的 javascript 文件 quiz.js

function gradeTest() {
//variables with global implications
var totalQuestions = 3;
var correctAnswers = 0;
var alertText;
var i;

//iterate through all options in radio button list
//if checked value is true, answer is correct
var a2 = document.getElementsByName('q2');
for(i = 0; i < a2.length; i++) {
    if(a2[i].checked) {
        if(a2[i].value == 'true') {
            correctAnswers++;
            break;
        }
    }
}


var a3 = document.getElementsByName('q3');
for(i = 0; i < a3.length; i++) {
    if(a3[i].checked) {
        if(a3[i].value == 'true') {
            correctAnswers++;
            break;
        }
    }
}

var a4 = document.getElementsByName('q4');
for(i = 0; i < a4.length; i++) {
    if(a4[i].checked) {
        if(a4[i].value == 'true') {
            correctAnswers++;
            break;
        }
    }
}


if(correctAnswers==3)
    document.write("OK");

问题是,当我尝试使用 document.write 生成一个只有“OK”的新文档时,但我想在包含所有信息的 html 中打印这个 ok。

最佳答案

您想附加到 DOM。有点像

document.body.appendChild(document.createTextNode('OK'));

参见 Node.appendChild()Document.createTextNode() .

关于javascript - 如何用javascript重写html文档,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37194847/

相关文章:

jquery - 文本字符串旁边的竖线

html - Flexbox 与水平预滚动/代码滚动的兼容性

javascript - 在 JavaScript 中使用 Math.max() 函数时如何避免 NaN?

javascript - 我看不出这个 WinJS.xhr 调用出了什么问题

javascript - 通过 css 位置重新排序 dom 中的元素

javascript - 使用javascript按调色板搜索图像

javascript - 如何在div之间创建一个中断

javascript - 类型 'boolean' 不可分配给类型 'Promise<boolean>'

php - 在 mySQL 数据库中插入 HTML 数据

html - 如何在保持绝对定位的同时使子div适合父div宽度?