Javascript写入表不起作用_Javascript_Html_Class_Html Table_Innerhtml

Javascript写入表不起作用

javascript html class

Javascript写入表不起作用,javascript,html,class,html-table,innerhtml,Javascript,Html,Class,Html Table,Innerhtml,我刚刚决定编写一个小html文件，它应该创建一个从“开始”到“结束”的整数乘法表。在HTMl表单中设置开始和结束之前我可以给2个数字作为输入，tr和td元素是创建的，但是通过ClassName访问它们并用innerHTML填充它们不知何故是行不通的。代码如下： <html> <head> <title>Das groࠥ 1x1</title> <meta charset="utf-8"> </head>

我刚刚决定编写一个小html文件，它应该创建一个从“开始”到“结束”的整数乘法表。在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>


达斯格罗酒店ࠥ 1x1
功能malnehmen（Wert1、Wert2）{
Ausgabe=Wert1*Wert2；
返回Ausgabe；
}
函数tabelle（）{
var start=document.forms[“printer”].anfang.value；
var end=document.forms[“printer”].ende.value；
对于（i=开始；i<结束+1；i++）{
Reihe=document.createElement（“tr”）；
att=document.createAttribute（“类”）；
附件值=i+“a”；
设置属性节点（att）；
文件.getElementById（“Darein”）.appendChild（Reihe）；
对于（ii=开始；ii<结束+1；ii++）{
Feld=document.createElement（“td”）；
att2=document.createAttribute（“类”）；
att2.value=马尔尼曼（一、二）；
费尔德·塞塔蒂特诺德（att2）；
雷赫.佩德柴尔德（费尔德）；
}
}
}
函数ausen（）{
泰贝尔（）；
var start=document.forms[“printer”].anfang.value；
var end=document.forms[“printer”].ende.value；
对于（a=开始；a<结束+1；a++）{
警惕（“你是丹尼先生吗？”）；
document.getElementsByClassName（a+“a”）.innerHTML=a.toString（）；
对于（aa=开始；aa<结束+1；aa++）{
multi=马尔尼曼（a，aa）；
警惕（“Angekommen”）；
document.getElementsByClassName（multi.innerHTML=multi.toString（）；
}
}
}
贝根特：
贝恩德：

有人知道我做错了什么吗？

我内置了2个警报，只是为了查看javascript部分是否到达for循环，但浏览器中没有弹出窗口

尝试将脚本放在

部分您从未运行过函数

ausfoolen

，因此我不确定您为什么希望出现警报。什么时候开始？@pabs123哦，谢谢！这么简单，我就是不想那样。按钮首先启动了正确的功能，但后来我更改了它，因为浏览器说找不到该功能。我又忘了换了。谢谢你的帮助！好了，我现在修好了！但是它仍然不能通过类访问元素<代码>函数reechner（）{

用于（a=start；a

Inhalt=document.createTextNode（a）；

Erstes=document.getElementsByClassName（a+“a”）.firstChild；

用于（aa=start；aa

multi=malnehmen（a，aa）document.getElementsByClassName（multi.innerHTML=“”+multi+“
”；
}
}
编辑td元素内容的两种方法都不起作用！