각종 팁&정보를 나누는 곳입니다.
누군가에게 도움이 된다 싶으시면 언제라도 포스팅 :)
글 등록하기 | 내글 관리하기 | 연재글 | 보관함
이온디
첨부파일 https://imweb.eond.com/webtip/461015

개요


코드

<script>
   // HTML 코드가 완전히 로드된 후 실행되도록 이벤트 리스너를 등록합니다.
   document.addEventListener("DOMContentLoaded", function() {
      // div#w20240312d228a02114f14 요소를 선택합니다.
      var originalDiv = document.querySelector("div#wdgid12345");

      // div#w20240312d228a02114f14의 HTML 내용을 가져옵니다.
      var originalHTML = originalDiv.innerHTML;


      // depth-1 클래스를 가진 li 요소들을 선택합니다.
      var depthOneElements = document.querySelectorAll(".viewport-nav.mobile._menu_wrap");

      // 각 li 요소에 대해 작업합니다.
      depthOneElements.forEach(function(element) {
         // li 요소의 마지막 자식 요소를 선택합니다.
         var lastChild = element.lastElementChild;

         // 새로운 HTML 코드를 생성합니다.
         var newHTML = '<div class="sns-box"><a href="https://www.instagram.com/eondcom/" target="_blank"><i aria-hidden="true" class="fab fa-instagram"> </i></a><a href="https://blog.naver.com" target="_blank"><i aria-hidden="true" class="ii ii-nblog"> </i></a><a href="https://www.youtube.com/" target="_blank"><i aria-hidden="true" class="ii ii-youtube"> </i></a><a href="https://www.tiktok.com/@studioolaa" target="_blank"><i aria-hidden="true" class="fab fa-tiktok"> </i></a><a href="https://www.instagram.com/eond_com/" target="_blank"><i aria-hidden="true" class="ii ii-instagram-rn"> </i></a></div>';
         // 가져온 HTML 내용을 newHTML 변수에 담습니다.
         //var newHTML = originalHTML;

//   올라 인스타 / 블로그 / 올라유튜브 / 틱톡 / 대표님인스타


         // 새로운 HTML 코드를 마지막 자식 요소 뒤에 추가합니다.
         lastChild.insertAdjacentHTML('afterend', newHTML);
      });
   });


   //console.log('header');


</script>
<style>
   .sns-box{
      display:flex;display: flex;
      align-items: center;
      gap: 5px;
      margin: 10px;
      margin-top:150px;
   }
   .sns-box a{
      display:flex;display: flex;
      align-items: center;
      justify-content:center;
      width:24px;height:24px;
   }
</style> 

정리



코멘트 0
접기/펴기 | 댓글 새로고침
 
 
Total 683 articles in 28 / 57 pages
번호 제목 제목 조회 수 날짜날짜
359 [기본] 판도라동영상 OpenAPI 사용후기 [1] 5962 2007/11/29
358 [웹로그] 손바닥에 땀, 어떻게 할까? 5964 2007/11/03
357 [웹로그] Play Street 에 참여할 의사가 있으신지요? 5964 2007/10/02
356 메인보드 전원 케이블 연결 5979 2008/08/30
355 [웹로그] 적당한 마우스 스크롤의 양 파일 5985 2007/10/31
354 [사이트관리] Apache 서버 .htaccess 활용(접근 제어 - 아이피 제어) 5995 2014/02/09
353 [기본] 시작프로그램 관리 & 모니터링 5999 2007/10/21
352 [웹로그] 왜임마 사용하기 #1 파일 [2] 6004 2007/11/27
351 [모바일] 갤럭시노트2(shv-e250s) 키스(스마트스위치)로 백업하기 6048 2016/02/05
350 [기본] 내 블로그에 Add to Diigo를 넣어보자 파일 [2] 6056 2007/11/25
349 [웹로그] 컴퓨터 관련 팁을 올려놓은 블로거 6063 2007/11/05
348 [윈도우] SSD 드라이브 최적화 파일 6079 2013/06/22

해시태그 디렉터리

지금 이순간

오늘의 핫게시물