Javascript : How to get last character in Dom tree?

Question

I wanna get the last "visible" character in Dom tree, then split Dom at this level.

Sample before split :

<div class="myclass"><label>mon label</label><span class="spanclass"></span></div>
                                    ^---- last visible character

Sample after split :

<div class="myclass"><label>mon labe</label></div>
<div class="myclass"><label>l</label><span class="spanclass"></span></div>

Doe's anyone know how to do it ?

My code :

function reverseString(str)
{
    return (str === '') ? '' : reverseString(str.substr(1)) + str.charAt(0);
}

var domString = ' <div class="myclass"><label>mon label</label><span class="spanclass"></span></div>'; //'&nbsp;';
var domSpace = domString.replace(/  +/g, ' ');
var revDom = reverseString(domSpace);

var re = /((\>[^\<\/]+\/?\<)+)*(\s+|\;[a-zA-Z#0-9]+\&|(\>\/[a-zA-Z]+\<)+|[^\>])/i;
var found = revDom.match(re);

var str1 = domSpace.substr(0, domSpace.length - found[0].length);
var str2 = domSpace.substr(domSpace.length - found[0].length, found[0].length);

console.log(str1 + ' ------- ' + str2); 

Thanks

Answer 1

here is how you can get the last character:

 var p = document.getElementsByClassName("myclass")[0];
 var data = p.children[0].innerHTML
 var lastChar = data[data.length -1];

You can then replace it by doing:

p.children[0].innerHTML = lastChar;

JsFiddle

Answer 2

Here my solution :

function reverseString(str)
{
    return (str === '') ? '' : reverseString(str.substr(1)) + str.charAt(0);
}

function removeClosed(str)
{
    var tothreat = str;
    re = /<(\w+)[^>]*>[^<]*<\/(\w+)>/gi;
    while (tothreat.match(re))
    {
        var tothreat = tothreat.replace(re, function(str, p1, p2, offset, s) {
            if (p1 === p2) return '';
            return str;
        });
    }
    return tothreat;
}

var domString = '<div class="myclass"><label>mon label</label><span class="spanclass"></span></div>';
var domSpace = domString.replace(/  +/g, ' ');
var revDom = reverseString(domSpace);

var re = /((>[^<\/]+\/?<)+)*(\s+|\;[a-zA-Z#0-9]+\&|(>\/[a-zA-Z]+<)+|[^>])/gi;
var found = revDom.match(re);

var str1 = domSpace.substr(0, domSpace.length - found[0].length);
var str2 = domSpace.substr(domSpace.length - found[0].length, found[0].length);


var str = removeClosed(str1);
str = str.replace(/<\w+\/>/gi, '');
str = str.replace(/>[^<]+</gi, '><');

found = str.match(/(<\w+[^>]*>)+/gi);
var part2 = found[0] + str2;


str = removeClosed(str2);
found = str.match(/(<\/\w+>)*/gi);
var part1 = str1 + found[1];

console.log(part1)
console.log(part2); 

JsFiddle