Javascript 如何使用省道设置元素的文本？_Javascript_Html_Dart

Javascript 如何使用省道设置元素的文本？

javascript html dart

Javascript 如何使用省道设置元素的文本？,javascript,html,dart,Javascript,Html,Dart,3天前我认识了我的第一个世界，现在我想走得更远我尝试调用一个函数，并将结果放入html中我的地狱世界 import 'dart:html'; main() { var s = ''; for (var i = 0; i < 10; i++) { s = '$s$i '; } HTMLElement element = document.getElementById('text'); element.innerHTML = 'test'; //elem

3天前我认识了我的第一个世界，现在我想走得更远

我尝试调用一个函数，并将结果放入html中

我的地狱世界

import 'dart:html';

main() {
  var s = '';
  for (var i = 0; i < 10; i++) {
    s = '$s$i ';
  }

  HTMLElement element = document.getElementById('text');
  element.innerHTML = 'test';
  //element.innerHTML = s;
  print(s);
}

导入'dart:html'；
main（）{
var s=''；
对于（变量i=0；i<10；i++）{
s=“$s$i”；
}
HTMLElement元素=document.getElementById（'text'）；
element.innerHTML='test'；
//element.innerHTML=s；
印刷品；
}

我的打印工作，它在dart编辑器的输出中打印我：01 2 3 4 5 6 7 8 9

但是现在，我想把结果放在我的html中

这是我的HelloWorld.html：

    <!DOCTYPE html>

<html>
  <head>
    <meta charset="utf-8">
    <title>HelloWorld</title>
    <link rel="stylesheet" href="HelloWorld.css">
  </head>
  <body>
    <h1>Exercice 01</h1>

    <p>Hello world from Dart!</p>

    <div id="container">
      <p id="text"></p>
    </div>

    <script type="application/dart" src="web/HelloWorld.dart"></script>
    <script src="https://dart.googlecode.com/svn/branches/bleeding_edge/dart/client/dart.js"></script>
  </body>
</html>


你好世界
练习01
Dart的世界你好

很简单，不是吗？所以实际上我看到我的页面上有我的h1和p。但是，我在我的id“text”中看不到任何内容，我尝试推送我的var s，但不起作用，因此我尝试推送一个简单的字符串，正如您所看到的（在我文章的第一块代码处返回），但不起作用

我可能误解了.html和.dart之间的通信，有人能帮我吗

Ps：我的输出没有任何错误。

谢谢你的提问

首先，使用

querySelector（）

而不是document.getElementById，如下所示：

import 'dart:html';

main() {
  var s = '';
  for (var i = 0; i < 10; i++) {
    s = '$s$i ';
  }

  var element = querySelector('#text');
  element.text = 'test';
  print(s);
}

导入'dart:html'；
main（）{
var s=''；
对于（变量i=0；i<10；i++）{
s=“$s$i”；
}
var元素=查询选择器（'#text'）；
element.text='test'；
印刷品；
}

querySelector（）通过接受CSS选择器并返回匹配的第一个元素来工作。要按ID查找元素，请使用

#ID

语法（或者在元素的ID前面加一个

）

使用

element.text

setter代替

innerHTML

希望有帮助

注意更新的语法；现在，您需要使用“querySelector”按ID获取元素，使用“querySelectorAll”获取元素集合，例如按它们的公共类名。