И тут еще вариант придумал (быстрее код накидать чем объяснить -- добавляем поэлементово).
Опять JS:
var div = document.createElement('DIV');
div.id ='мойдив';
var anotherDiv = document.createElement('DIV');
div.innerHTML = "МОЯ СТАТЬЯ ЦЕЛИКОМ";
var pages = [];
var page = 0;
var children= document.childNodes;
for (var i = 0; i < children.length; i++) {
var child = children[i];
if (child.parentNode.id != 'мой див') continue;//вложенно
anotherDiv.append(child);
if (anotherDiv.scrollHeight > 1000) {
--i;
anotherDiv.removeNode(child); //не помню синтаксис
pages[page++] = anotherDiv.innerHTML;
anotherDiv.innerHTML = 0;
}
}
for (var i = 0; i < pages.length; i++) {
Блабла <a href="#" onclick = "document.getElementById('content').innerHTML = pages[i];"> i </a> // ну вы поняли
}
Проблемы: медленно
И все таки, откажитесь от этой затеи