Question

我刚刚决定编写一个小的html文件，该文件应创建一个带有＆＃34; start＆＃34;的整数的乘法表。到＆＃34;结束＆＃34;。在HTMl表格中设置开始和结束...

我可以输入2个数字作为输入，tr和td元素是创建的，但是通过ClassName访问它们并用innerHTML填充它们确实不起作用。这是代码：

<html>
<head>
    <title>Das groࠥ 1x1</title>
    <meta charset="utf-8">
</head>
<script type="text/javascript">
    function malnehmen(Wert1, Wert2) {
        Ausgabe = Wert1 * Wert2;
        return Ausgabe;
    }
    function tabelle() {
        var start = document.forms["printer"].anfang.value;
        var end = document.forms["printer"].ende.value;
        for(i = start; i < end+1; i++) {
            Reihe = document.createElement("tr");
            att = document.createAttribute("class");
            att.value = i + "a";
            Reihe.setAttributeNode(att);
            document.getElementById("Darein").appendChild(Reihe);
            for(ii = start; ii < end+1; ii++) {
                Feld = document.createElement("td");
                att2 = document.createAttribute("class");
                att2.value = malnehmen(i, ii);
                Feld.setAttributeNode(att2);
                Reihe.appendChild(Feld);
            }
        }
    }
    function ausfuellen() {
        tabelle();
        var start = document.forms["printer"].anfang.value;
        var end = document.forms["printer"].ende.value;
        for(a = start; a < end+1; a++) {
            alert("Hier denn?");
            document.getElementsByClassName(a + "a").innerHTML = a.toString();
            for(aa = start; aa < end+1; aa++) {
                multi = malnehmen(a, aa);
                alert("Angekommen");
                document.getElementsByClassName(multi).innerHTML = multi.toString();
            }
        }
    }
</script>
<body>
    <FORM name="printer">
        <TABLE>
            <tr>
                <td>Beginnt bei:</td>
                <td>
                    <input type="number" name="anfang" size="3">
                </td>
            </tr>
            <tr>
                <td>Endet bei:</td>
                <td>
                    <input type="number" name="ende" size="3">
                </td>
            </tr>
            <tr>
                <td>
                    <input type="button" name="wassolldas" value="Erstellen" onclick="javascript: tabelle();">
                </td>
            </tr>
        </TABLE>
    </FORM>
    <br>
    <TABLE id="Darein" border="1">
    </TABLE>
</body>

有人知道我做错了什么吗？我内置了2个警报，只是为了查看javascript部分是否到达for循环，但浏览器中没有弹出。

写入表格的Javascript无法正常工作

0 个答案: