parentNode tagName 얻기

Question

이 코드에서 parentNode.tagName을 가져오고 어떤 스타일을 li 태그에 넣으십시오.

// path to catalog images 
var img = $('.catalog ul li > img'); 
for (i = 0; i < img.length; i++) { 
    var pic_real_width; 
    // Make in memory copy of image to avoid css issues 
    $("<img/>").attr("src", $(img[i]).attr("src")).load(function() { 
     pic_real_width = this.width; 

     if (pic_real_width > 500) { 
      // this part of code not work 
      var imageParent = this.parenNode.tagName = 'li'; 
      imageParent.style.width = '50%'; 
     } 
    }); 
} 

Answer 1

대신 parentNode의 parenNode이, 당신은 읽기 전용입니다 해당 속성에 할당 될 것으로 보인다. 당신은 단지 부모를 원한다면

// ---------------------v    v---assignment won't work 
var imageParent = this.parentNode.tagName = 'li'; 

---

는 .tagName과 혼란에 이유가 없다. 당신이 DOM에 새 <img>를 추가하고 어디

var imageParent = this.parentNode; 
imageParent.style.width = '50%'; 

---

또한, 나는 볼 수 없습니다. 추가되지 않으면 부모가 없습니다.

원본 이미지의 부모를 얻으려는 의도 일 수 있습니다. 이를 위해 각 load() 핸들러는 현재 i 또는 img을 처리해야합니다. 이를 수행하려면 .each()을 사용할 수 있습니다.

$('.catalog ul li > img') 
    .each(function(i, img) { 
     var pic_real_width; 

     $("<img/>").attr("src", $(img).attr("src")).load(function() { 
      pic_real_width = this.width; 

      if (pic_real_width > 500) { 
       var imageParent = img.parentNode; 
       imageParent.style.width = '50%'; 
      } 
     }); 
    })