Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

ES6JavaScriptを使用してDOMから要素を削除する方法

ES6 JavaScriptを使用すると、DOMから要素を簡単に削除できます。 remove()を添付するだけです 削除する要素へのメソッド：

let element = document.querySelector("element-to-remove")
element.remove()

たとえば、h1を削除する場合 Webページの要素：

let headingOne = document.querySelector("h1")
headingOne.remove()

remove() メソッドは、Edgeを含むすべての最新のブラウザと互換性があります。 IE11を含むInternetExplorerブラウザとは互換性がありません。

出典：Caniuse.com


  1. JavaScriptを使用して要素からクラス名を削除するにはどうすればよいですか？

    JavaScriptを使用して要素からクラス名を削除するには、コードは次のとおりです- 例 <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    .newStyle {       font-family: "Segoe UI", Tahoma, Geneva

  2. CSSを使用して編集可能な要素から境界線を削除するにはどうすればよいですか？

    編集可能な要素から境界線を削除するには、コードは次のとおりです- 例 <!DOCTYPE html> <html> <head> <style>    body{       font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;    }    p{       font-size: 40px;    }   &n