잡히지 않은 TypeError : 정의되지 않은 'innerHTML'속성을 읽을 수 없습니다.

Question

저는 이걸 가지고 머리를 쓰려고했는데, 보통 jQuery 갈라진 틈이 있습니다. 그러나이 문제를 해결하기 위해 Magento 확장을 가지고 프로토 타입을 사용하고 있습니다. 오류 :

오류가 발생합니다 : Uncaught TypeError: Cannot read property 'innerHTML' of undefined 해당 페이지에서 특정 HTML의 존재 여부를 확인해야하기 때문에 짐작할 수 있습니다 (javascript 파일은 모든 페이지에 나타나므로 관련 HTML이 없을 수도 있습니다).

원래 나는 spConfig undefined을 나는 if ((typeof spConfig == 'undefined') || !spConfig) { 라인에 넣어 이유입니다 얻고 있었다

원래의 코드는 다음과 같습니다

document.observe("dom:loaded", function() { 
if(spConfig.config.dynamics == 1 && spConfig.config.showbottom == 1){ 
    $$('.product-options-bottom')[0].insert({top: new Element('p', {id:'bottom-avail', class:'availability'}).update($$('p.availability')[0].innerHTML)}); 
    if(spConfig.config.showship == 1){ 
     $('bottom-avail').insert({after: new Element('p', {id:'bottom-shipsin', class:'shipsin'}).update($$('p.shipsin')[0].innerHTML)}); } 
} 
}); 

내가 변화 시도

document.observe("dom:loaded", function() { 
if ((typeof spConfig == 'undefined') || !spConfig) { 

} else { 
    if(spConfig.config.dynamics == 1 && spConfig.config.showbottom == 1){ 
     if($$('p.availability') != 'undefined'){ 
      $$('.product-options-bottom')[0].insert({top: new Element('p', {id:'bottom-avail', class:'availability'}).update($$('p.availability')[0].innerHTML)}); 
     } 
     if(spConfig.config.showship == 1){ 
      if($$('p.shipsin') != 'undefined'){ 
       $('bottom-avail').insert({after: new Element('p', {id:'bottom-shipsin', class:'shipsin'}).update($$('p.shipsin')[0].innerHTML)}); 
      } 
     } 
} 
} 
}); 

에 그러나 나는 여전히 $$() 방법은 목록을 반환 $$('.product-options-bottom')[0].insert({top: new Element('p', {id:'bottom-avail', class:'availability'}).update($$('p.availability')[0].innerHTML)});

Answer 1

때문에 라인을 가리키는 오류 Uncaught TypeError: Cannot read property 'innerHTML' of undefined를 얻을 수 (또는 배열) CSS 선택기와 일치하는 요소는 undefined인데 검사 할 수 없지만 목록에 반환 된 요소의 수를 확인할 수 있습니다.

클래스는 특정 브라우저에 키워드이기 때문에 그래서, 문자열에 있어야 또한이

if($$('p.availability').length != 0) 
{ 
    $$('.product-options-bottom')[0].insert(
     { 
      top: new Element('p', {id:'bottom-avail', 'class':'availability'}).update(
       $$('p.availability')[0].innerHTML 
      )}); 
} 

에게 new Element()에서 class 속성을 시도 또한 6

ECMA에 핵심 자바 스크립트 언어의 일부가 될 것입니다