0

我对这段代码有疑问,这段代码在除 IE 之外的所有浏览器上运行良好,我的 IE 是 8.0 有什么解决方案吗?我不会真诚地使用 jquery 注意:我将 Node.TEXT_NODE 更改为 3,但发生了其他错误:'textContent' 为空或不是对象

 <!DOCTYPE html>
 <html>
 <head>
 <script>

 function replaceText(oldText, newText, node){ 
   node = node || document.body; 

   var childs = node.childNodes, i = 0;

   while(node = childs[i]){ 
     if (node.nodeType == Node.TEXT_NODE){ 
  node.textContent = node.textContent.replace(oldText, newText); 
} else { 
  replaceText(oldText, newText, node); 
} 
     i++; 
   } 
 }

 </script>
 </head>
 <body>
 old
 <h1 id="myHeader" onclick="replaceText('old','new')">old Click me! whatever</h1>

 </body>
 </html>

我找到了

   while(i < childs.length){
   if (rgx.test(document.body.innerHTML)){
   childs[i][textPropName] =childs[i][textPropName].replace(rgx,'new');
   }
   else
   {
   replaceText(oldText, newText,document.body.childNodes[i])
   }
        i++; 
      } 
    }  
4

2 回答 2

3

Node.TEXT_NODE&textContent在 IE8 中不可用。


使用3代替Node.TEXT_NODEinnerText如果textContent不可用则使用:

var textPropName = node.textContent === undefined ? 'innerText' : 'textContent';

if (node.nodeType == 3) {
    node[textPropName] = node[textPropName].replace(oldText, newText); 
} else { 
    replaceText(oldText, newText, node); 
}

您可能应该将其缓存textPropName在您的函数之外,这样您就不会在每次调用该函数时都重新检查它(document.body用于测试)。

于 2013-01-27T04:15:09.017 回答
2

代替 textContent,使用 nodeValue

node.nodeValue = node.nodeValue.replace(oldText, newText); 
于 2013-08-23T17:00:06.200 回答