개요
코드
<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>
정리
제목 | 날짜 | ||
---|---|---|---|
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 |