<script src="http://www.polymer-project.org/platform.js"></script>

<script src="http://www.polymer-project.org/polymer.js"></script>

​

<polymer-element name="my-element">

  <template>

    <ul>

        <li>

          <content select=".first"></content>

        </li>

        <li>

          <content select=".second"></content>

        </li>

        <li>

          <content select=".third"></content>

        </li>

        <li>

          <content></content>

        </li>

    </ul>

  </template>

  <script>

    Polymer('my-element');

  </script>

</polymer-element>

​

<my-element>

  <span class="first clickable">first element (click me!)</span>

  <div class="second">second element</div>

  <a href="#" class="third">third element</a>

  ...

</my-element>

<script>

  document.addEventListener("polymer-ready", function(){

    document.querySelectorAll(".clickable").array().forEach(function(span){

      span.addEventListener("click", function spanClicked(){

        alert("Yey! I was clicked!");

      });

    });

  });

</script>