OLD | NEW |
---|---|
(Empty) | |
1 <!DOCTYPE html> | |
2 <html> | |
3 <body> | |
4 <table border> | |
5 <tr><td>A</td><td>B</td></tr> | |
6 <tr id="host1"></tr> | |
7 </table> | |
8 <table border> | |
9 <tr><td>E</td><td>F</td><td>G</td></tr> | |
10 <tr id="host2"><td>I</td></tr> | |
11 </table> | |
12 <table border> | |
13 <tr><td>K</td></tr> | |
14 <tr id="host3"></tr> | |
15 </table> | |
16 <div id="host4"> | |
hayato
2013/06/05 09:28:57
Could you include '<td>M</td>' here declaratively?
| |
17 </div> | |
18 <script> | |
19 host1.webkitCreateShadowRoot().innerHTML = "<td>C</td><td>D</td>" | |
20 host2.webkitCreateShadowRoot().innerHTML = "<td>H</td><content /><td>J</td>"; | |
21 host3.webkitCreateShadowRoot().innerHTML = "<content select='no-match'><td>L</td ></content>"; | |
22 | |
23 var td = document.createElement("td"); | |
24 td.innerHTML = "M"; | |
25 host4.appendChild(td); | |
26 shadow4 = host4.webkitCreateShadowRoot(); | |
27 shadow4.innerHTML = "<table border><tr id='contentParent'></tr></table>"; | |
hayato
2013/06/05 09:28:57
Looks like you can include '<content></content>' h
| |
28 shadow4.getElementById("contentParent").appendChild(document.createElement("cont ent")); | |
29 </script> | |
30 </body> | |
31 </html> | |
OLD | NEW |