从html按钮的onlick属性调用javascript中的方法

时间:2018-01-07 14:26:11

标签: javascript

我现在再次与JS斗争。

<!DOCTYPE html>
<html lang="de">
<head>
    <meta charset="UTF-8">
    <title>ATM Interfacetest</title>
    <script>
        class Test{
            constructor(){
                this.name = 'heinz';
            }
            testwindow(){
                var tmp = document.createElement('button');
                tmp.id = 'idtest';
                tmp.className = 'test';
                tmp.onclick = this.test;
                tmp.innerHTML = 'Klick mich';
                document.body.appendChild(tmp);
            }
            test(){
            alert(this.name);
            }
        }
        function e(){
            var i = new Test();
            i.testwindow();
            // Testcall 
            i.test();
        }
    </script>
</head>
<body onload="e();">
</body>
</html>

使用body标签中的onload从e()调用方法测试非常好。

调用按钮带到文档的方法,不起作用。读出this.name是不可能的。警报窗口仍为空。

因为我习惯用python编写这样的代码,JS是否遵循其他原则?

或者如何从按钮调用该功能。至少它工作正常,我不能自己解决问题。

致电

0 个答案:

没有答案