dart - query（#idname）.innerHTMLとquery（#idname）.textの違いは何ですか

Question

私の関数は次のようになります。

 void write (String message) {
    query("#status").innerHTML = message;
    query("#head").text = "Click me!";

  }

それらはすべてIDをキャッチし、Webブラウザにテキストを表示します。

Answer 1

一般的なブラウザドキュメントモデルinnerHtmlは、すべての内部HTMLをtext参照しますが、要素のテキスト値のみを参照します。innerHtmlは、divを変更するためにdhtmlおよびAjaxでよく使用されます。ここで、textは、単一の要素のテキスト値を設定するためだけのものです。

これは、設定ではなく、取得するときに、より明確に示されます。

例：与えられた：

<div id="idName">
    Text in the Div
    <p id="anotherId">Inner P</p>
</div>

innerHtmlは

Text in the Div 
<p id="anotherId">Inner P</p>

テキストは：

Text in the Div 
Inner P

Answer 2

これを試してみると：

String message = """<form method="get" action="#ref"><input name="first_name"/></p><input     type="submit" value="Send"/></form>""";
write (message);

その後、違いに感謝します。innerHTMLは、HTMLページへのコード（例ではhtmlフォーム）の挿入を操作する必要があります。