Mam taki kod html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <link rel="stylesheet" href="style.css" type="text/css" /> </head> <body> <div id="container"> <div id="menu_text"> <input type="button" value="Stwórz menu" id="menu_pokaz" onclick="menu()"/> </div> <div id="content"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a magna ac velit gravida convallis. Etiam nunc metus, sagittis quis hendrerit quis, convallis sit amet risus. Fusce blandit, arcu eu porta dignissim, nisl augue elementum orci, eu lacinia magna purus a massa. Cras sollicitudin suscipit urna, nec molestie est egestas sit amet. Vestibulum feugiat dolor nec ipsum vehicula a dapibus leo ultrices. Phasellus tempor gravida sapien et eleifend. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis hendrerit tortor lorem, a dignissim nisl. Praesent sodales fringilla nibh nec sollicitudin. In hac habitasse platea dictumst. Fusce volutpat, erat in pulvinar egestas, enim diam vehicula quam, at accumsan diam augue at leo.</p> <p>Nam mattis accumsan enim, sit amet ultricies neque vulputate eget. Aenean ultricies feugiat mauris a tristique. Duis volutpat magna sed dolor euismod eget tristique nunc commodo. Vivamus ultrices, elit ac pellentesque iaculis, libero arcu dapibus quam, ac pharetra ligula magna in mi. Maecenas vehicula turpis vitae tortor pharetra sit amet sodales magna rutrum. Suspendisse potenti. Donec eros diam, lacinia vel bibendum blandit, facilisis non purus. In lobortis euismod libero id ornare. Phasellus volutpat nisi in magna pellentesque sagittis. Fusce pulvinar sagittis arcu eu feugiat. </p> <p>Nam mattis accumsan enim, sit amet ultricies neque vulputate eget. Aenean ultricies feugiat mauris a tristique. Duis volutpat magna sed dolor euismod eget tristique nunc commodo. Vivamus ultrices, elit ac pellentesque iaculis, libero arcu dapibus quam, ac pharetra ligula magna in mi. Maecenas vehicula turpis vitae tortor pharetra sit amet sodales magna rutrum. Suspendisse potenti. Donec eros diam, lacinia vel bibendum blandit, facilisis non purus. In lobortis euismod libero id ornare. Phasellus volutpat nisi in magna pellentesque sagittis. Fusce pulvinar sagittis arcu eu feugiat. </p> </div> </div> </body> </html>
i do tego taki skryp:
Kod
</b></div>function menu(){
var menu = document.createElement("ul");
var hlist = document.getElementById("content")
.getElementsByTagName("h2");
var ile = hlist.length;
for ( var i = 0; i < ile; i++ ){
el = document.createElement("li");
txt = document.createTextNode(hlist[i].innerHTML);
el.appendChild(txt);
menu.appendChild(el);
}
menu_txt = document.getElementById("menu_text");
menu_txt.parentNode.removeChild(document.getElementById("menu_pokaz"));
menu_txt.parentNode.replaceChild(menu, menu_txt);
}
<div><b>
var menu = document.createElement("ul");
var hlist = document.getElementById("content")
.getElementsByTagName("h2");
var ile = hlist.length;
for ( var i = 0; i < ile; i++ ){
el = document.createElement("li");
txt = document.createTextNode(hlist[i].innerHTML);
el.appendChild(txt);
menu.appendChild(el);
}
menu_txt = document.getElementById("menu_text");
menu_txt.parentNode.removeChild(document.getElementById("menu_pokaz"));
menu_txt.parentNode.replaceChild(menu, menu_txt);
}
<div><b>
niestety menu się nie generuje, a w Firebug-u mam taki błąd:
Kod
Node was not found" code: "8
menu_txt = document.getElementById("menu_text");
menu_txt = document.getElementById("menu_text");
Co mam źle zrobione?