要素の削除について

Question

要素の削除についてお尋ねしたいことがあります。
以下にhtml文を載せます。
タグの中にあるid="newsitem"をjavascriptを使用して削除したいのですが、どのようにすればよろしいですか？
ご教授よろしくお願いします

menu.html

   <ons-list-item id="newsitem"
        modifier="tappable" class="list__item__line-height"
        onclick="app.slidingMenu.setMainPage('news.html', {closeMenu: true})">
        <i class="fa fa-list fa-lg" style="color: #666"></i>
        &nbsp; ニュース
    </ons-list-item>

Answer 1

Node#removeChild

要素ノードを削除する場合は Node#removeChild をお勧めします。

• Node.removeChild - Web API インターフェイス | MDN

element.parentNode.removeChild(element);

ChildNode#remove

ChildNode#remove は親ノードを指定不要なので便利ですが、IE11- で Polyfill を適用しないと使えないという欠点があります。

• ChildNode.remove() - Web API インターフェイス | MDN

if (typeof Element === 'function' && !('remove' in document.createElement('p'))) { // IE11- 用の Polyfill
  Element.prototype.remove = function remove () {
    if (this.parentNode) {
      this.parentNode.removeChild(this);
    }
  };
}

element.remove();

Re: dododonnn さん

Comments

[dododonnn]

回答ありがとうございました。
問題が解決しました。

Answer 2

Onsen UI の知識はありませんが、id という属性を消したいなら要素を取得してから属性を消せば良いと思います

var elem = document.getElementById("newsitem")
elem.removeAttribute("id")

質問タイトルは要素の削除になっているので、要素自体を削除したいなら remove メソッドを使います

var elem = document.getElementById("newsitem")
elem.remove()

Comments

[dododonnn]

回答ありがとうございました。
問題が解決しました。