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

JavaScriptでinnerHTMLを使用することのデメリット

JavaScriptで内部HTMLを使用すると、次の欠点があります-

innerHTML全体を再解析しない限り、追加のサポートはありません。これにより、innerHTMLを直接変更するのが非常に遅くなります。

たとえば、htmlタグに追加するには、次のようにする必要があります-

let myDiv = document.querySelector('#myDiv')
// Reparses the whole myDiv tag.
myDiv.innerHTML += '<p>Added new tag</p>'

innerHTMLは検証を提供しないため、有効で壊れたHTMLをドキュメントに挿入して、壊す可能性があります。


  1. JavaScriptでinnerHTMLを設定する

    innerHTMLを設定するための正しい構文は次のとおりです- document.getElementById(“yourIdName”).innerHTML=”yourValue”; 次に、innerHTMLを設定する方法を見てみましょう- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content=&

  2. JavaScriptでIDで要素を削除しますか？

    IDで要素を削除するには、remove（）を使用できます。 例 以下はコードです- <!DOCTYPE html> <html lang="en"> <head>    <meta charset="UTF-8">    <meta name="viewport" content="width=device-width, initial-scale=1.0">    <title>D