List.innerHTML,为什么需要它(javascript)

时间:2018-11-13 12:24:38

标签: 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>

2 个答案:

答案 0 :(得分:0)

<property name="hibernateProperties"> <props> <prop key="hibernate.current_session_context_class">jta</prop> <prop key="hibernate.transaction.coordinator_class">jta</prop> <prop key="hibernate.transaction.jta.platform">JBossAS</prop> <prop key="hibernate.dialect">org.hibernate.dialect.Oracle10gDialect</prop> <prop key="hibernate.show_sql">true</prop> <prop key="hibernate.connection.handling_mode">DELAYED_ACQUISITION_AND_RELEASE_AFTER_STATEMENT</prop> <prop key="hibernate.jta.prefer_user_transaction">true</prop> <prop key="hibernate.jta.allowTransactionAccess">true</prop> <prop key="hibernate.transaction.jta.platform_resolver">org.hibernate.engine.transaction.jta.platform.internal.StandardJtaPlatformResolver</prop> </props> </property> 是指List。在<p id="List"></p>中,您要将数据库中的所有文本附加到list元素上。

如果没有udskriv()函数,该代码将无法工作,因为此时没有任何内容可以附加数据库文本。

答案 1 :(得分:0)

udskriv()将新项目添加到列表中。函数gemData()将添加一个包含x和y作为db键的新对象。如您所见,db是ting对象的集合。当您单击第二个按钮时,将迭代新的列表,因为您要遍历db中的所有对象并将其附加到list的innerHTML。

innerHTML是DOM属性,用于指定节点的内部内容。