You need html content to split into DOM node :
$.get('contentHTML.html',function(data){
alltext = $(document.createElement('HTML')).html(data)[0];
...
});
Get content from start DOM to first result of needle
var result = document.createElement('div');
HtmlSplitter.splitTo(alltext.querySelector('body'), result, "#chapter1_3");
Get content from needle1 to needle2, excluding content of node with needle2
var result2 = document.createElement('div');
HtmlSplitter.splitFromTo(alltext.querySelector('body'), result2, "#chapter1_3", "#chapter1_3_2");
To get content from needle to last node you can omit needle2
var result3 = document.createElement('div');
HtmlSplitter.splitFromTo(alltext.querySelector('body'), result3, "#chapter1_4_1");
});
Create a orig content copy from first orig node to needle.
@param {Node} orig Dom node with content to split
@param {Node} dest Destination to result. Usually will be Document Fragment
@param {String} needle End selector.
Create a orig content copy from startid node orig node to endid node.
If endid is same orig then this function return content from startid to end orig
@param {node} orig Dom node with content to split
@param {Node} dest Destination to result. Usually will be Document Fragment
@param {string} startid Start node selector
@param {string} endid End node selector
Search common parent between two nodes from orig
@param {node} orig Dom node with content to search
@param {String} firstidentifier First identifier to search parent
@param {String} lastidentifier Second identifier to search parent
@return {Node} Common parent