1

私が抱えている問題は、私の機能にありますcalculate()。このプログラムの目的は、装飾用の CSS を使用して、JavaScript と html で動的なスプレッドシートを作成することです。

これまでのところ、スプレッドシートに値を挿入していますが、単純な加算計算を実行しようとすると、セルから取得している値が適切に取得されません。

これが、私に問題を引き起こしている具体的な機能です。ずさんなコードで申し訳ありません。何か助けていただければ幸いです。私が見逃しているのは単純なものだと確信しています。

編集:: 問題を修正しました。疑問に思っている方のために、innerHTML.text や value を呼び出す必要はありませんでした。問題のセルの単に .innerHTML でなければなりませんでした。

function calculate() {
    //create two variables to get the values in the row and columns
    var row1, row2, col1, col2, total, totalInsert;

    var row = document.getElementById("row");
    var col = document.getElementById("col");
    var value = document.getElementById(row + "_" + col);
    var formula = document.getElementById("inputText");

    formula = formula.value; //=SUM(1,2,2,1)
    formula1 = formula;

    //get the raw values to ints
    row = row.value;
    col = col.value;

    //get JUST the formula in questions part    
    formula = formula.substr(0,4);

    //Parsing the the selected cells from =sum(1,1,2,1) into  Cell ID's
    col1 = parseInt(formula1.substr(5, 1));//row 1
    row1 = parseInt(formula1.substr(7, 1));
    col2 = parseInt(formula1.substr(9, 1));
    row2 = parseInt(formula1.substr(11, 1)); // column2

    //this gives us the proper cell's address. id=1_1 
    var td1 = col1 + "_" + row1;
    var td2 = col2 + "_" + row2;

    //problem starts around here
    var sum = document.getElementById(td1);
    var sum2 = document.getElementById(td2);

    //this returns a undefined value
    sum = sum.value;
    sum2 = sum2.value;

    //this restults in a NaN
    sum = parseInt(sum);
    sum2 = parseInt(sum2);

    //creating the total value
    total = sum + sum2;

    //returning values
    totalInsert = document.getElementById(td1).innerHTML = total;
}
4

1 に答える 1

0

この部分は私には奇妙に思えます.2つの要素を選択し、それらを文字列として組み合わせて別の要素を見つけていますか?

var row = document.getElementById("row");
var col = document.getElementById("col");
var value = document.getElementById(row + "_" + col);

それがあなたの期待どおりになるかどうかはわかりません...私の経験では、次のような結果が得られます。

document.getElementById('[object Object]_[object Object]');

また:

document.getElementById('[object HTMLDivElement]_[object HTMLDivElement]');

...ブラウザによって異なります。明らかに、そのような id を持つ要素を持つことができますが、それは少しばかげているでしょう ;)

rowandcol要素がのように見えるinputsので、実際には次のことを意味しているのかもしれません。

var row = document.getElementById("row");
var col = document.getElementById("col");
var value = document.getElementById(row.value + "_" + col.value);
于 2012-10-23T17:06:22.077 に答える