오늘 할 일

"> 오늘 할 일

오늘 할 일

"> 오늘 할 일

오늘 할 일

">
<!DOCTYPE html>
<html lang="ko">
<head>
  <meta charset="UTF-8">
  <title>오늘 할 일</title>
  <link rel="stylesheet" href="style.css">
</head>
<body>
  <div class="main">
    <h2 class="title">오늘 할 일</h2>
    <ul id="to-do-list" class="to-do-list">
      <li>자바스크립트 공부하기</li>
      <li>낮잠 자기</li>
      <li>밥 먹기</li>
    </ul>
  </div>
  <script src="index.js"></script>
</body>
</html>

  1. <ul id="to-do-list" class="to-do-list">...</ul>태그의 class 속성을 삭제하기
  1. 아래 코드를 실행했을 때 결과 예상하기
const toDoList = document.querySelector('#to-do-list');
const item = toDoList.firstElementChild;
 
const el = document.createElement('a');
el.setAttribute('href', '<https://www.google.com>');
el.textContent = item.textContent;
item.innerHTML = el.outerHTML;
  
console.log(item);