时间戳

首页 > 解决方案 > List.innerHTML，为什么需要它（javascript）

javascript - List.innerHTML，为什么需要它（javascript）

问题描述

在函数 udskriv() 它说 List.innerHTML，我尝试了没有它的代码，它似乎工作正常。那么它为什么会存在呢？这是我从老师那里得到的一个作业，我们应该编写一篇论文的代码并试图弄清楚它的作用。

<html>
<head>
    <title>Tingle 2.0</title>
    <script>
        var db = [];
        var ting = {};

        function gemData(){
            x = Form1.Hvad.value;
            y = Form1.Hvor.value;
            ting = {Hvad:x,Hvor:y}
            db.push(ting);
            Form1.reset();
        };

        function udskriv(){
            for (i=0;i<db.length;i++){
                document.getElementById("List").innerHTML = List.innerHTML + db[i].Hvad + " " + db[i].Hvor + "<br>";
            }
        };
    </script>
</head>
<body>
    <h2>Tingle</h2>
    <p>Registrer eitt nýtt ting</p>
    <form name="Form1"> 
        Hvad:
        <input type="text" name="Hvad">
        Hvor:
        <input type="text" name="Hvor"> <br><br>
        Vís alt
        <input type="button" onclick="gemData()" value="Gem Data">
        <input type="button" onclick="udskriv()" value="Udskriv">
    </form>
    <p id="List"></p>
</body>

标签： javascript

解决方案

List指的是<p id="List"></p>。在udskriv()您将所有文本从 db 附加到列表元素中。

没有该udskriv()功能，代码将无法工作，因为那时没有任何附加数据库文本的内容。

推荐阅读