[JavaScript] 要素の作成・追加・削除・追加・挿入・置換・移動

view plainprint?

1. //作成  
2. document.createElement('タグ名');  

//作成
document.createElement('タグ名');

view plainprint?

1. //削除  
2. parent.removeChild(子要素);  

//削除
parent.removeChild(子要素);

view plainprint?

1. //子要素として追加  
2. elem.appendChild(追加したい要素);  

//子要素として追加
elem.appendChild(追加したい要素);

view plainprint?

1. //子要素を置換  
2. elem.replaceChild(新要素, 旧要素);  

//子要素を置換
elem.replaceChild(新要素, 旧要素);

view plainprint?

1. //位置を指定して挿入  
2. parent.insertBefore(新要素, 既存要素);  

//位置を指定して挿入
parent.insertBefore(新要素, 既存要素);

↑既存要素の前に新しい要素を挿入する
既存要素は省略可能
要素の移動にも使える