terry@google.com
3fb3eb8d3a
BUG= R=jmesserly@google.com Review URL: https://codereview.chromium.org//22951003 git-svn-id: https://dart.googlecode.com/svn/branches/bleeding_edge/dart@26231 260f80e4-7a28-3924-810f-c04153c831b5
40 lines
882 B
HTML
40 lines
882 B
HTML
<!DOCTYPE html>
|
|
<!--
|
|
Copyright 2012 The Polymer Authors. All rights reserved.
|
|
Use of this source code is goverened by a BSD-style
|
|
license that can be found in the LICENSE file.
|
|
-->
|
|
<meta charset="utf-8">
|
|
<script src="shadowdom.js"></script>
|
|
<style>
|
|
|
|
.el,
|
|
.sr {
|
|
height: 300px;
|
|
width: 300px;
|
|
}
|
|
|
|
</style>
|
|
<textarea class="el" placeholder="Element host"></textarea>
|
|
<textarea class="sr" placeholder="Shadow Root"></textarea>
|
|
<button onclick="update()">Update</button>
|
|
|
|
<div class="test">Real</div>
|
|
|
|
<script>
|
|
|
|
var el = document.querySelector('.test');
|
|
var sr = el.createShadowRoot();
|
|
|
|
sr.innerHTML = 'Before <content></content> After';
|
|
|
|
function update() {
|
|
el.innerHTML = document.querySelector('.el').value;
|
|
sr.innerHTML = document.querySelector('.sr').value;
|
|
}
|
|
|
|
document.querySelector('.el').value = el.innerHTML;
|
|
document.querySelector('.sr').value = sr.innerHTML;
|
|
|
|
</script>
|