JavaScript DOM操作も一定の自信【Day 81 of 100】

// ノードの置き換え
const elemB = document.getElementById('button2');
elemB.addEventListener('click', () => {
  const newList = document.createElement('li');
  newList.setAttribute('id', 'newList');
  const newText = document.createTextNode('新しい要素');
  newList.appendChild(newText);
  const oldList = document.getElementById('oldList');
  const parentNode = oldList.parentNode;
  parentNode.replaceChild(newList, oldList);
});
// ノードの削除
const elemB2 = document.getElementById('button3');
elemB2.addEventListener('click', () => {
  const parentElement = document.getElementById('list3');
  const elements = parentElement.getElementsByTagName('li');
  const removeIndex = elements.length - 1;
  parentElement.removeChild(elements[removeIndex]);
});