• 카테고리

    질문 & 답변
  • 세부 분야

    데이터 분석

  • 해결 여부

    미해결

이미지 가져오기!

20.01.29 06:28 작성 조회수 89

0

자막으로 querySelectorAll -> querySelector 로 바꾸라고 되있는데.. 이렇게 되면 게시글에 이미지가 여러개일 때는 하나밖에 못가져오는거 아닌가요?? 

문제가 있다고 생각해서 나름대로 코드를 바꿔봣는데 이 코드 어떤가요??

const img = firstFeed.querySelectorAll('[class=mtm] img') && Array.from(firstFeed.querySelectorAll('[class=mtm] img')).map(now => now.src)

<button class="edit" style="box-sizing:inherit;margin:0px;font-family:'Spoqa Han Sans', 'Apple SD Gothic Neo', BlinkMacSystemFont, -apple-system, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;background-image:none;background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;background-origin:initial;background-clip:initial;cursor:pointer;vertical-align:top;top:20px;border:initial none initial"><svg width="16" aria-hidden="true" data-prefix="far" data-icon="edit" class="svg-inline--fa fa-edit fa-w-18" role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 576 512"><path fill="currentColor" d="M402.3 344.9l32-32c5-5 13.7-1.5 13.7 5.7V464c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V112c0-26.5 21.5-48 48-48h273.5c7.1 0 10.7 8.6 5.7 13.7l-32 32c-1.5 1.5-3.5 2.3-5.7 2.3H48v352h352V350.5c0-2.1.8-4.1 2.3-5.6zm156.6-201.8L296.3 405.7l-90.4 10c-26.2 2.9-48.5-19.2-45.6-45.6l10-90.4L432.9 17.1c22.9-22.9 59.9-22.9 82.7 0l43.2 43.2c22.9 22.9 22.9 60 .1 82.8zM460.1 174L402 115.9 216.2 301.8l-7.3 65.3 65.3-7.3L460.1 174zm64.8-79.7l-43.2-43.2c-4.1-4.1-10.8-4.1-14.8 0L436 82l58.1 58.1 30.9-30.9c4-4.2 4-10.8-.1-14.9z"></path></svg></button><button class="delete" style="box-sizing:inherit;margin:0px;font-family:'Spoqa Han Sans', 'Apple SD Gothic Neo', BlinkMacSystemFont, -apple-system, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;user-select:none;-webkit-appearance:none;background-color:rgba(0, 10, 18, 0.2);border-radius:290486px;cursor:pointer;pointer-events:auto;-webkit-box-flex:0;flex-grow:0;flex-shrink:0;font-size:0px;height:20px;max-height:20px;max-width:20px;min-height:20px;min-width:20px;outline:none;position:relative;vertical-align:top;width:20px;border:initial none initial"></button>

답변 1

답변을 작성해보세요.

0

이미지가 여러 개인 경우 저렇게 하셔도 됩니다.