Question

我是javascript的新手，一位朋友帮助我解决了一个问题，我知道它的作用但是我不能真正理解一些部分，我在代码中做了一些评论并提出了一些问题我希望你能回答他们。

<html>
<head>
    <title>Uppgift 15</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <script>
            var  resultat = 0;

            function addera(){

                var t1 = Math.round(object("t1").value);

                if (t1 != 0){
                    resultat += t1;
                    object("t1").value = ""; 
                }
                else{
                    object("resultat").innerHTML = resultat; // where does "object" come from, what does innerHTML do?
                }
            }

            function object(id){ // i dont get this at all what does this do is there any other way to return?
                return document.getElementById(id);
            }
    </script>
</head>
<body>
    <form>
        <input id="t1">
        <input type="button" onClick=addera() value="resultat">
        <p id="resultat"></p>
    </form>
</body>
</html>

Answer 1

object函数返回具有指定ID的html元素，而innerHtml允许您编辑与该元素关联的HTML

Answer 2

从对象函数返回对象，你的函数只是从dom获取id并返回它

var  resultat = 0;

                function addera(){

                    var t1 = Math.round(object("t1").value);

                    if (t1 != 0){
                        resultat += t1;
                        object("t1").value = ""; 
                    }
                    else{
                        object("resultat").innerHTML = resultat; // object is returned from     object function according to parameter of function the function takes this parameter as id
    and selects the element from dom 

                    }
                }

                function object(id){  
                    return document.getElementById(id);
                }

Answer 3

object()已在您的代码中定义，其中document.getElementById(id);将返回具有指定ID的元素。

innerHTML属性设置或返回元素的内部HTML。

此处object("resultat").innerHTML = resultat;

与...相同 document.getElementById("resultat").innerHTML = resultat;

Javascript，innerHTML和getElementById

3 个答案: