javascript - 如何从 Text<input type="... 中获取 'text'

Question

我无法让它在 IE 中运行:

HTML 代码如下所示: <p class="red">Red: <input type="text" id="red_input" value="0"></p>

id 在本例中为:document.getElementById('red_input');

我只想返回“红色”一词。它在 FF 中运行良好，但在 IE 中则不然。

function error(id){

   var prnt = id.parentNode,
       parentColor = prnt.childNodes[0].textContent,
       trimmed = parentColor.replace(/\s+/g,'').replace((/\:$/),"").toLowerCase();

       return trimmed
}

在 FF 中它返回字符串“red”在 IE 中，它返回“未定义为 null 或不是对象”。我认为“textContent”在 IE 中似乎不起作用。有人有什么建议吗？

非常感谢任何帮助!

Answer 1

在 IE 中，您应该得到 innerText属性:

function error(id){
  var prnt = id.parentNode.childNodes[0],
      parentColor = prnt.textContent || prnt.innerText,
      trimmed = parentColor.replace(/\s+/g,'').replace((/\:$/),"").toLowerCase();

  return trimmed;
}

请注意，我使用了逻辑或运算符 (||)，因此如果 textContent 未定义(或为假)，它将查找 innerText。