зеркало из https://github.com/mozilla/pjs.git
35 строки
1023 B
HTML
35 строки
1023 B
HTML
<!DOCTYPE HTML>
|
|
<html>
|
|
<head>
|
|
<!-- Test that inserting inline content can create frames for text around it -->
|
|
<style>
|
|
body > div { border:1px solid black; margin:1em;
|
|
font-family:sans-serif; letter-spacing:2px; }
|
|
</style>
|
|
<script>
|
|
function makeSpan(text) {
|
|
var e = document.createElement("span");
|
|
e.textContent = text;
|
|
return e;
|
|
}
|
|
function loaded() {
|
|
document.body.offsetHeight;
|
|
var d1 = document.getElementById("d1");
|
|
d1.insertBefore(makeSpan("Hello"), d1.firstChild);
|
|
var d2 = document.getElementById("d2");
|
|
d2.appendChild(makeSpan("Kitty"));
|
|
var d3 = document.getElementById("d3");
|
|
d3.insertBefore(makeSpan("Hello"), d3.firstChild.nextSibling);
|
|
var d4 = document.getElementById("d4");
|
|
d4.insertBefore(makeSpan("Kitty"), d4.lastChild);
|
|
}
|
|
</script>
|
|
</head>
|
|
<body onload="loaded()">
|
|
<div id="d1"> <span>Kitty</span></div>
|
|
<div id="d2"><span>Hello</span> </div>
|
|
<div id="d3"><div></div> <span>Kitty</span></div>
|
|
<div id="d4"><span>Hello</span> <div></div></div>
|
|
</body>
|
|
</html>
|