dart - query(#idname).innerHTML 和 query(#idname).text 有什么区别

Question

我的功能如下所示：

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

  }

它们都捕获 id 并向网络浏览器显示文本。

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

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 页面中。