【问题标题】:I have this error: Cannot read property 'value' of null, I dont understand why我有这个错误:无法读取 null 的属性“值”,我不明白为什么
【发布时间】:2020-06-07 11:27:28
【问题描述】:

我在这段代码中遇到错误,我正在制作一个可以加、减、乘和除的计算器,代码可以正确读取数字的值,但是当我尝试执行操作时出现错误,我不明白为什么代码不读它,有人可以告诉我我做错了什么吗? 这是代码

function handleNumber(stNumber) {
    if(stNumber=="numero1")
    {
        Num1 = document.getElementById(stNumber).value*1;
    }else{
        Num2 = document.getElementById(stNumber).value*1;
    }
    return Num1, Num2;
}

function handleOperate() {
    var stOperation = document.getElementById(operaciones).value; 
    Execute(stOperation);
}

function Execute(stOperation) {
    var stResult = ""
    if(stOperation == "sumar"){
        stResult= sumar();
    } else if(stOperation =="restar"){
        stResult= restar();

    } else if(stOperation =="multiplicar"){
        stResult= multiplicar();

    } else if(stOperation =="dividir"){
        stResult= dividir();

    }

    document.getElementById("result").innerHTML = stResult;
}

这是html

<div class="Container-operation">
            <span>Operación</span>
            <div class="Button-container"  id="operator">
                <select onchange="handleOperate()" class="Panel-container" id="operaciones">
                    <option value="sumar">Sumar</option>
                    <option value="restar">Restar</option>
                    <option value="multiplicar">División</option>
                    <option value="dividir">Multiplicación</option>
                  </select>
          </div>
          </div>
        </div>

        <div class="Equal">
          =
        </div>

        <div class="Result-container">
          <span id="result">Resultado</span>
        </div>

【问题讨论】:

  • 这个错误意味着getElementById()正在返回null
  • return Num1, Num2; 的作用与return Num2; 完全相同

标签: javascript html null syntax-error logic


【解决方案1】:

您将变量operaciones 传递给getElementById()。如果您不为此变量设置值,它将不起作用。您可能想要传递一个字符串 'operaciones'

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-07-27
    • 2022-06-24
    • 1970-01-01
    • 2016-02-03
    • 2019-06-21
    • 2013-07-23
    相关资源
    最近更新 更多