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仅引用元素的文本值。 dhtml和Ajax经常使用innerHtml更改div，而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