Home/ Questions/Q 8040475
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-05T03:54:28+00:00

How do I dynamically load a snippet of HTML and insert it into my

  • 0

How do I dynamically load a snippet of HTML and insert it into my web page? I am using Dart.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Glad you asked! Using Dart for this task isn’t much different than JavaScript, except you get typing, code completion, and a slick editing experience.

    First, create the snippet.html:

    <p>This is the snippet</p>

    Next, create the application. Notice the use of XMLHttpRequest to request the snippet. Also, use new Element.html(string) to create a block of HTML from a string.

    import 'dart:html';

void main() {
  var div = querySelector('#insert-here');
  HttpRequest.getString("snippet.html").then((resp) {
    div.append(new Element.html(resp));
  });
}

    Finally, here’s the host HTML page:

    <!DOCTYPE html>

<html>
  <head>
    <title>dynamicdiv</title>
  </head>
  <body>
    <h1>dynamicdiv</h1>
    <div id="insert-here"></div>
    <script type="application/dart" src="dynamicdiv.dart"></script>
    <script src="packages/browser/dart.js"></script>
  </body>
</html>
    • 0