javascript - IE11 无法获取未定义或空引用的属性 'value'

Question

我似乎遇到了一个令人沮丧的问题，并且似乎无法找到答案。我正在尝试获取 <td> 中元素的值标签。 id 到达了该函数，但由于某种原因我无法获取它的值。

JS

function f(id)
  {
    console.log(id);
    expr=/ /gi;
    value = document.getElementById(id).value;
    value = value.replace(expr, "");

  //remaining code
  }

PHP

print "<td style=\"height:20px;\"><input $disbled type=\"text\" name=\"".$values[$i][0]."\" onChange=\"return f('".$values[$i][0]."')\" value=\"".$values[$i][1]."\" class=\"".$values[$i][2]."\"></td>\n"; 

如有任何帮助，我们将不胜感激!

Answer 1

有几个问题:

1. 您的元素根本没有 id

2. 您的代码正在成为 The Horror of Implicit Globals 的牺牲品(这是我贫血的小博客上的一篇文章)。

这是一个固定版本:

function f(name)
{
    console.log(name);
    var expr=/ /gi;
    var value = document.querySelector('[name="' + name + '"]').value;
    value = value.replace(expr, "");
    //remaining code
}

#1 通过使用 querySelector 和按 name 选择的属性选择器来修复

#2 通过在 f 中声明局部变量来修复

您还可以通过为元素指定一个 id 并坚持使用 getElementById 来修复第 1 个问题。