JavaScript

remove()

　remove() を使って、要素を削除します。

HTML source


<ul>
	<li id="no1">項目１</li>
	<li id="no2">項目２</li>
	<li id="no3">項目３</li>
</ul>
<button onclick="removeLi();">削除する</button>

JavaScript source


function removeLi() {
	var no2 = document.getElementById('no2');
	no2.remove();
}

　上記の HTMLに remove() を使って２つ目の li要素（項目２）を削除してみます。

　「削除する」ボタンをクリックすると削除されます。

Sample