개요
코드
<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>
정리
제목 | 날짜 | ||
---|---|---|---|
563 | [메뉴얼] 전자책, ebook 형태 게시판 만들기 (퍼옴) | 200 | 2017/09/25 |
562 | [윈도우] 윈도우 데스크톱 200% 활용하기: 무료 툴 Top 25 | 200 | 2020/07/29 |
561 | [가상윈도우] Nginx 서브디렉토리 index 파일을 못 가져와요. | 206 | 2017/06/25 |
560 | [브라우저] [파이어폭스] jjDicTrans : 간단한 영한사전+번역 | 208 | 2015/08/12 |
559 | 클라우드플레어와 HTTPS 적용 | 210 | 2017/08/17 |
558 | [Apm] 오토셋에서 mysql 명령어 입력하기 | 212 | 2018/12/10 |
[아임웹] 아임웹 - 모바일 메뉴 하단에 SNS 아이콘 추가하는 코드 | 224 | 2024/03/15 | |
556 | [리눅스서버] HTTP 웹 성능 개선하기 | 228 | 2020/07/02 |
555 | [Nginx] NGINX PHP 파일 업로드 용량 | 229 | 2018/12/16 |
554 | nginx https redirect www to non-www | 231 | 2018/04/04 |
553 | [리눅스서버] Got a packet bigger than 'max_allowed_packet' bytes 문제 | 237 | 2017/05/05 |
552 | [리눅스서버] upstream 500 에러 / 오류 잡기 / socket 제한 | 251 | 2017/04/18 |