未捕获的类型错误：无法设置为null的属性'innerHTML'

我一直有这个代码的麻烦。我尽力保留这本书，但这本书似乎是错误的。未捕获的类型错误：无法设置为null的属性'innerHTML'

以下代码应该显示已选择任何单选按钮的RSS提要。您也可以在http://w3.cnm.edu/~bnoble/cis1210/afds/Travel/TravelDeals.html上查看网站。

在此先感谢您的帮助！

<html> 
<head> 
    <title>Travel Deals RSS Feed</title> 
    <script> 
     var rssRequest = false; 
     function getRequestObject() 
     { 
      try 
      { 
       rssRequest = new XMLHttpRequest(); 
      } 
      catch (requestError) 
      { 
       try 
       { 
       rssRequest = new ActiveXObject(); 
       } 
       catch (requestError) 
       { 
        try 
        { 
         rssRequest = new 
         ActiveXObject("Micorsoft.XMLHTTP"); 
        } 
        catch (requestError) 
        { 
         window.alert("I am sorry. Your browser does not support AJAX. Please upgrade your broweser and try again."); 
         return false; 
        } 
       } 
      } 
      return rssRequest; 
     } 
     function rssUpdate() 
     { 
      if(!rssRequest)rssRequest = getRequestObject(); 
      for (var i=0; i<6; ++i) 
      { 
       if (document.forms[0].deals[i].checked == true) 
       { 
        var rss = document.forms[0].deals[i].value; 
        break; 
       } 
      } 
      rssRequest.abort(); 
      rssRequest.open("get","TravelDeals.php?" + "rss" + rss, true); 
      rssRequest.send(null) 
      rssRequest.onreadystatechange=getRssDeals; 
      //clearTimeout(recentDeals); 
      //var recentDeals = setTimeout('rssUpdate()', 5000); 
     } 
     function getRssDeals() 
     { 
      if(rssRequest.readyState==4 && rssRequest.status == 200) 
      { 
       var deals = rssRequest.responseXML; 
       document.getElementById("rssFeed").innerHTML = "" 
       var dealsInfo=deals.getElementsByTagName("item"); 
       if (dealsInfo.length > 0) 
       { 
        for (var i=0; i<dealsInfo.length; ++i) 
        { 
         var curHeadline = dealsInfo[i].getElementsByTagName("title")[0].childNodes[0].nodeValue; 
         var curlink = dealsInfo[i].getElementsByTagName("link")[0].childNodes[0].nodeValue; 
         var curPubDate = dealsInfo[i].getElementsByTagName("pubDate")[0].childNodes[0].nodeValue; 
         var curDesc = dealsInfo[i].getElementsByTagName("description")[0].childNodes[0].nodeValue; 
         var curDeal = "<a href='" + curLink + "'>" + curHeadline + "</a><br/>"; 
         curDeal += curDesc + "<br/>";curDeal += curDesc + "<br/>"; 
         document.getElementById("rssFeed").innerHTML += curDeal; 
        } 
       } 
       else 
        document.getElementById("rssFeed").innerHTML = "The RSS feed appears to be broken or empty."; 
      } 
     } 
    </script> 
</head> 
<body onload="rssUpdate()"> 
    <h1>Travel Deals RSS</h1> 
    <form method="get" action=""> 
     <table border="1"> 
      <colgroup span="1" width="125"/> 
      <colgroup span="1" width="350"/> 
      <tr> 
       <td align="top"> 
        <input type="radio" name="deals" value="http://www.orbitz.com/rss/topdeals-vacationpackages.rss.xml" onclick="rssUpdate()"/><Orbitz<br/> 
        <input type="radio" name="deals" value="http://www.travelocity.com/dealservice/globaltrips-shopping-svcs/deals-1.0/services/RssDealsServices?ProductType=Air&rdr=GEN&nm=My~Travelocity~Specials&typ=0&orig=ABQ&dest=PHX,LAS,LAX,NYC,LGB&id=9197I1366355523195" checked="checked" onclick="rssUpdate()"/><Travelocity<br/> 
        <input type="radio" name="deals" value="http://press.hotwire.com/index.php?s=43&pagetemplate=rss" onclick="rssUpdate()"/><Hotwire<br/> 
       </td> 
       <td id="rssFeed" valign="top></td> 
      </tr> 
     </table> 
    </form> 
</body>

来源

2013-04-20 user2299963

我以前见过同样的问题，并发布了一个答案，那个时候有一个ID为rssFeed的'td'。 – 2013-04-20 02:28:34

查看更新的解决方案 – 2013-04-20 03:37:36

没有与页面ID rssFeed没有元素。

您可以通过在页面中加入了div ID为rssFeed

<div id="rssFeed"></div>

试试这个完整的代码解决这个问题，因为你在标记有未关闭的元素

<html> 
    <head> 
     <title>Travel Deals RSS Feed</title> 
     <script> 
      var rssRequest = false; 
      function parseXML(xml){ 
       var parser, xmlDoc; 
       if (window.DOMParser) { 
        parser = new DOMParser(); 
        xmlDoc = parser.parseFromString(xml,"text/xml"); 
       } else { 
        // Internet Explorer 
        xmlDoc = new ActiveXObject("Microsoft.XMLDOM"); 
        xmlDoc.async = false; 
        xmlDoc.loadXML(xml); 
       } 
      } 
      function getRequestObject() 
      { 
       try 
       { 
        rssRequest = new XMLHttpRequest(); 
       } 
       catch (requestError) 
       { 
        try 
        { 
        rssRequest = new ActiveXObject(); 
        } 
        catch (requestError) 
        { 
         try 
         { 
          rssRequest = new 
          ActiveXObject("Micorsoft.XMLHTTP"); 
         } 
         catch (requestError) 
         { 
          window.alert("I am sorry. Your browser does not support AJAX. Please upgrade your broweser and try again."); 
          return false; 
         } 
        } 
       } 
       return rssRequest; 
      } 
      function rssUpdate() 
      { 
       if(!rssRequest)rssRequest = getRequestObject(); 
       for (var i=0; i<6; ++i) 
       { 
        if (document.forms[0].deals[i].checked == true) 
        { 
         var rss = document.forms[0].deals[i].value; 
         break; 
        } 
       } 
       rssRequest.abort(); 
       rssRequest.open("get","TravelDeals.php?" + "rss" + rss, true); 
       rssRequest.send(null) 
       rssRequest.onreadystatechange=getRssDeals; 
       //clearTimeout(recentDeals); 
       //var recentDeals = setTimeout('rssUpdate()', 5000); 
      } 
      function getRssDeals() 
      { 
       if(rssRequest.readyState==4 && rssRequest.status == 200) 
       { 
        var deals = parseXML(rssRequest.responseXML); document.getElementById("rssFeed").innerHTML = "" 
        var dealsInfo=deals.getElementsByTagName("item"); 
        if (dealsInfo.length > 0) 
        { 
         for (var i=0; i<dealsInfo.length; ++i) 
         { 
          var curHeadline = dealsInfo[i].getElementsByTagName("title")[0].childNodes[0].nodeValue; 
          var curlink = dealsInfo[i].getElementsByTagName("link")[0].childNodes[0].nodeValue; 
          var curPubDate = dealsInfo[i].getElementsByTagName("pubDate")[0].childNodes[0].nodeValue; 
          var curDesc = dealsInfo[i].getElementsByTagName("description")[0].childNodes[0].nodeValue; 
          var curDeal = "<a href='" + curLink + "'>" + curHeadline + "</a><br/>"; 
          curDeal += curDesc + "<br/>";curDeal += curDesc + "<br/>"; 
          document.getElementById("rssFeed").innerHTML += curDeal; 
         } 
        } 
        else 
         document.getElementById("rssFeed").innerHTML = "The RSS feed appears to be broken or empty."; 
       } 
      } 
     </script> 
    </head> 
    <body onload="rssUpdate()"> 
     <h1>Travel Deals RSS</h1> 
     <form method="get" action=""> 
      <table border="1"> 
       <colgroup span="1" width="125"/> 
       <colgroup span="1" width="350"/> 
       <tr> 
        <td align="top"> 
         <input type="radio" name="deals" value="http://www.orbitz.com/rss/topdeals-vacationpackages.rss.xml" onclick="rssUpdate()"/><Orbitz<br/> 
         <input type="radio" name="deals" value="http://www.travelocity.com/dealservice/globaltrips-shopping-svcs/deals-1.0/services/RssDealsServices?ProductType=Air&rdr=GEN&nm=My~Travelocity~Specials&typ=0&orig=ABQ&dest=PHX,LAS,LAX,NYC,LGB&id=9197I1366355523195" checked="checked" onclick="rssUpdate()"/><Travelocity<br/> 
         <input type="radio" name="deals" value="http://press.hotwire.com/index.php?s=43&pagetemplate=rss" onclick="rssUpdate()"/><Hotwire<br/> 
        </td> 
       </tr> 
      </table> 
      <div id="rssFeed"><div> 
     </form> 
    </body> 
</html>

来源

2013-04-20 02:26:18

找到同样的东西，这个答案应该可以工作。我不知道你是如何设法得到两套不同的代码的。 – Zachrip 2013-04-20 02:30:20

@Zachrip现在我无法追查上一个问题 – 2013-04-20 02:32:08

你是什么意思“跟踪”上一个问题？ – Zachrip 2013-04-20 02:34:26

这是因为你在td元素中缺少结束报价。当你想要的是<td id="rssFeed" valign="top"></td>时，你有<td id="rssFeed" valign="top></td>。解决这个问题应该会导致元素出现。

来源

2013-04-20 02:35:07 legacybass

未捕获的类型错误：无法设置为null的属性'innerHTML'

回答

相关问题