OLD | NEW |
| (Empty) |
1 <script> | |
2 function test1() { | |
3 document.getElementById("test").src = "resources/mutate-frame.html"; | |
4 } | |
5 | |
6 function test2() { | |
7 document.getElementById("test").src = "resources/mutate-frame-2.html"; | |
8 } | |
9 | |
10 var count = 1; | |
11 function run() { | |
12 var container = document.getElementById("test2"); | |
13 var div = document.createElement("div"); | |
14 div.textContent = "Testing " + (count++); | |
15 container.appendChild(div); | |
16 if (count > 10) | |
17 container.removeChild(container.firstChild); | |
18 } | |
19 | |
20 setInterval(run, 1000); | |
21 </script> | |
22 <p>To begin test, open DevTools, Elements Panel and watch the DOM change to matc
h the page. | |
23 Clicking the buttons will navigate the subframe, and the all the subframe child
nodes should change. | |
24 Expand DOM nodes in the Elements Panel to see new nodes appearing in the list li
ve.</p> | |
25 <div style="clear: both"> | |
26 <button onclick="test1()">Test Frame 1</button> | |
27 <button onclick="test2()">Test Frame 2</button> | |
28 </div> | |
29 <div style="float: left"> | |
30 <iframe id="test" src="resources/mutate-frame.html" width="200" height="300"></i
frame> | |
31 </div> | |
32 <div style="float: left; margin-left: 10px;" id="test2"></div> | |
OLD | NEW |