将javascript结果打印到div标记中_Javascript_Arrays

将javascript结果打印到div标记中

javascript arrays

将javascript结果打印到div标记中,javascript,arrays,Javascript,Arrays,当它添加到标记中时，我已经能够完成这项工作。现在我想删除这个数组编号0,1,2,3，并将数据输入HTML中的标记中，如何完成这项工作，如何将其插入div标记中 <html> <head></head> <title>Js test</title> <h1>Js Test</h2> <body> <script type="text/javascript"> var data

当它添加到

标记中时，我已经能够完成这项工作。现在我想删除这个数组编号0,1,2,3，并将数据输入HTML中的

标记中，如何完成这项工作，如何将其插入div标记中

   <html>
<head></head>
<title>Js test</title>
<h1>Js Test</h2>
<body>
<script type="text/javascript">
    var data = new Array();
function addElement(){
    data.push(document.getElementById('ins_name').value);
    data.push(document.getElementById('gpa').value);
    data.push(document.getElementById('da').value);

    document.getElementById('ins_name').value='';
    document.getElementById('gpa').value='';
    document.getElementById('da').value='';

    display();
}

function display(){
    var str = '';
    for (i=0; i<data.length;i++)
    {
        //str+="<tr><td>" + data[i] + "</td></tr>";
        "<tr>
            <td align=center width=176>Institution </td>
            <td align=center>GPA</td>
            <td align=center width=187>Degree Awarded</td>
        </tr>"

        "<tr>
            <td align=center width=176>&nbsp;</td>
            <td align=center>&nbsp;</td>
            <td align=center width=187>&nbsp;</td>
        </tr>"
    }

    document.getElementById('display').innerHTML = str;

}
</script>
<form name="jamestown" id="jamestown" method="post" action="samris.php" />
Institution : <input type="text" name="ins_name" id="ins_name" /></br>
GPA : <input type="text" name="gpa" id="gpa" /></br>
Degree Awarded : <input type="text" name="da" id="da" /></br>
</p>
<input type="button" name="btn_test" id="btn_test" value="Button Add Test" onClick='addElement()'; /></br>
</form>
<div id=display></div>
</body>
</html>


Js测试
Js测试
var data=新数组（）；
函数addElement（）{
data.push（document.getElementById（'ins_name'）.value）；
data.push（document.getElementById（'gpa'）.value）；
data.push（document.getElementById（'da'）.value）；
document.getElementById（'ins_name'）。值=“”；
document.getElementById（'gpa'）。值=“”；
document.getElementById（'da'）。值=''；
显示（）；
}
函数显示（）{
var-str=''；
对于（i=0；i由于您在注释中添加了越来越多的需求，innerHTML+=”
方法停止工作
我建议您使用document.createElement
创建元素，并使用Node.appendChild
将它们添加到文档中
这并不是对最初问题的回答，但我认为这比在评论中继续对话更有帮助。也许你可以编辑你的问题以反映额外的要求
如果有我用过的东西你还不明白，请告诉我。很高兴详细说明

var-inputIds=[“ins_名称”、“gpa”、“da”]；
var inputElements=inputIds.map（getById）；
var tbody=getById（“显示”）；
//创建包含单元格的新行，清除输入并添加到tbody
函数addRow（）{
//创建行元素
var行=document.createElement（“tr”）；
inputElements.forEach（函数（输入）{
//对于每个输入，创建一个单元格
var td=document.createElement（“td”）；
//将输入值添加到单元格中
td.textContent=input.value；
//将单元格添加到行中
世界其他地区（td）；
//清除输入值
input.value=“”；
});
//将新行添加到表体
tbody.appendChild（世界其他地区）；
}
getById（“btn_测试”）。添加的EventListener（“单击”，添加行）；
//我添加此函数是因为document.getElementById太长，无法键入，并且在不绑定到文档的情况下无法使用“map”
函数getById（id）{
返回文档.getElementById（id）；
}
机构：

平均成绩：

授予学位：



机构
平均成绩
度
str+=”+data[i]+”；
@user3297291，谢谢，很好，我很感激现在假设我想输入一个静态HTML，它看起来像你想要的样子。然后定义它的哪些部分是“动态的”和应该被添加/删除/更改。最终，如果要动态构建大部分UI，您可能需要查看react、vue、angular或knockout等框架。但在本例中，您应该能够编写与我的初始注释类似的大多数HTML字符串。例如：“”+data[i]+“”
非常感谢我所需要的。问题已解决。我已编辑了问题，现在请再次查看代码。