Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!doctype html>
<html>
<head>
  <title>polymer</title>
  <script src="https://rawgit.com/webcomponents/webcomponentsjs/master/webcomponents-lite.js"></script>
  <link rel="import" href="https://rawgit.com/Polymer/polymer/master/polymer.html">
</head>
<body>
​
<dom-module id="x-test">
  <template>
    <div id="container"></div>
  </template>
</dom-module>
  <script>      
    Polymer({
      is: 'x-test',
      ready: function() {        
        var domBind = document.createElement('template', 'dom-bind');
        domBind.greeting = 'Hello World';
        var doc = domBind.content.ownerDocument;
        var elem = doc.createElement('div');
        elem.innerHTML = '<b>{{greeting}}</b>';
        domBind.content.appendChild(elem);
        this.$.container.appendChild(domBind);
      }
    });
</script> 
<x-test></x-test>
</body>
</html>
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
jasongardnerlvpro
0viewers