Есть функция, которая делает оглавление для тега h1, было бы здорово это сделать для h1-h3
<script type="text/javascript" charset="utf-8">
function generateMenu() {
var new_element = document.createElement('ul');
new_element.style.listStyleType = "square";
var elements = document.getElementsByTagName('h1');
for (var element = 0; element < elements.length; element++) {
var elem_data = elements[element].innerHTML
var newLi = document.createElement('li');
newLi.innerHTML = '<a href="#' + elem_data + '">' + elem_data + '</a>';
new_element.insertBefore(newLi, new_element.children[element]);
}
document.body.insertBefore(new_element, document.body.firstChild);
}
</script>
Что-то типа:
function generateMenu() {
var myStringArray = ["h1", "h2", "h3"];
var arrayLength = myStringArray.length;
for (var i = 0; i < arrayLength; i++) {
// some
}
Весь документ
<!DOCTYPE html>
<html>
<head>
<title>index</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript" charset="utf-8">
function generateMenu() {
var new_element = document.createElement('ul');
new_element.style.listStyleType = "square";
var elements = document.getElementsByTagName('h1');
for (var element = 0; element < elements.length; element++) {
var elem_data = elements[element].innerHTML
var newLi = document.createElement('li');
newLi.innerHTML = '<a href="#' + elem_data + '">' + elem_data + '</a>';
new_element.insertBefore(newLi, new_element.children[element]);
}
document.body.insertBefore(new_element, document.body.firstChild);
}
</script>
</head>
<body onload="generateMenu()">
<div id="СТРУКТУРА ПРОГРАММЫ-Переменные-меню111">
<h1 id="Переменные-меню111">Переменные-меню111</h1>
</div>
<div id="СТРУКТУРА ПРОГРАММЫ-Переменные-подменю222">
<h2 id="Переменные-подменю222">Переменные-подменю222</h2>
</div>
<div id="СТРУКТУРА ПРОГРАММЫ-Переменные-подменю333">
<h3 id="Переменные-подменю333">Переменные-подменю333</h3>
</div>
<div id="СТРУКТУРА ПРОГРАММЫ-Переменные-меню444">
<h1 id="Переменные-меню444">Переменные-меню444</h1>
</div>
<div id="СТРУКТУРА ПРОГРАММЫ-Переменные-подменю555">
<h2 id="Переменные-подменю555">Переменные-подменю555</h2>
</div>
<div id="СТРУКТУРА ПРОГРАММЫ-Переменные-подменю666">
<h3 id="Переменные-подменю666">Переменные-подменю666</h3>
</div>
</body>
</html>
