function
makeList () {
var
headings =
document.getElementsByTagName(
'h2'
);
var
div = document.createElement(
'div'
);
div.setAttribute(
'
id
'
,
'testList'
);
var
title =
div.appendChild(document.createElement(
'div'
));
title.appendChild(document.createTextNode(
'Tests on this page:'
));
for
(i=0;i<headings.length;i++) {
var
test =
div.appendChild(document.createElement(
'p'
));
test.appendChild(document.createTextNode(headings[i].childNodes[0].data));
}
body =
document.getElementsByTagName(
'body'
)[0];
body.insertBefore( div, body.firstChild
);
}
div
#
testList
{
float: right;
width: 20%;
padding: 1em;
border: 1px solid teal;
background-color: #FFCC99;
font-size: 90%;
margin: 1em;
color: #996633;
}
div
#
testList
div {
font-weight: bold;
}
see also: Dom Scripting, Jeremy Keith