1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32
|
<html>
<body>
<b id="test">Test</b>
<div id="container">
<div id="d">This is a div.</div>
</div>
<script>
function aa()
{
var a1 = document.getElementById('test').outerHTML;
console.assert(a1 === '<b id="test">Test</b>', a1);
}
function bb()
{
var container = document.getElementById("container");
var d = document.getElementById("d");
console.assert(container.firstElementChild.nodeName === 'DIV', 'DIV');
d.outerHTML = '<p>' + d.outerHTML + '</p>';
console.assert(container.firstElementChild.nodeName === 'P', 'P');
console.assert(container.innerHTML === '\n <p></p><div id="d">This is a div.</div><p></p>\n', 'div p div');
}
console.error('element.outerHTML.html');
aa();
bb();
console.exit();
</script>
</body>
</html>
|