IE11无法获取未定义或空引用的属性“值”

Question

it's seems that I'm having a frustrating problem and can't seem to find an answer. I'm trying to get the value of the element in <td> tag. The id reaches the function but for some reason I can't get the value of it.

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"; 

Any help would be appreciated!

Answer 1

A couple of problems there:

1. Your element doesn't have an id at all

2. Your code is falling prey to The Horror of Implicit Globals (that's a post on my anemic little blog) .

Here's a fixed version:

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

#1 is fixed by using querySelector and an attribute selector selecting by name

#2 is fixed by declaring the local variables in f

You could also fix #1 by giving your element an id and sticking with getElementById .

Answer 2

The input you are trying to access has not ID property defined. You shall add it in order to access the input object via getElementById().

<input $disbled id=\"".$id."\" type=\"text\" name=\"".$values[$i][0]."\" onChange=\"return f('".$values[$i][0]."')\" value=\"".$values[$i][1]."\" class=\"".$values[$i][2]."\">