Untitled

childNodes.nodeValue is not reading an HTML, it returns NULL
<form method="post" name="frmApprovers" action="#">
<div class="input">Name: <input type="text" name="fullname" value=""/></div>
<div class="input">Address: <input type="text" name="address" value=""/></div>
<div class="input">Email: <input type="text" name="email" value=""/></div>
<div class="input">
    <a href="#stay" class="select_user_approvers">Select Approver</a>
    <!--This part here id approvers_area is a dynamic display-->
    <span id="approvers_area">
    <div>Juan Dela cruz <input type="hidden" name="app_id" value="405"/></div>
    <div>Anthony Konno <input type="hidden" name="app_id" value="482"/></div>
    <div>Brayan Adams (<i>You can skip me.</i>) <input type="hidden" name="app_id" value="324"/></div>
    <div>Brady Wind <input type="hidden" name="app_id" value="285"/></div>
    <div>Angela Err <input type="hidden" name="app_id" value="651"/></div>
    </span>
</div>
<div class="button">
    <input type="submit" name="save" value="Save"/>
</div>

<p>Juan Dela cruz </p>
<p>Anthony Konno </p>
<p>Brayan Adams (<i>You can skip me.</i>)</p>
<p><p>Brady Wind </p>
<p>Angela Err </p>

function myApprover(){
var mycontainer = opener.document.getElementById( _mycontainer_id );
var user_id = mycontainer.getElementsByTagName('input');
for (var i = 0; i < user_id.length; i++)
{
    var _id = user_id[i].value;
    if( selection_exists(_id) )
    {
        continue;
    }

    var _name = mycontainer.getElementsByTagName('div');
    var _username = '';
    for( var x = 0; x < _name[i].childNodes.length; x++ )
    {
        if( _name[i].childNodes[x].nodeType == 3 && _name[i].childNodes[x].nodeValue != '')
            contactname = contactname+_name[i].childNodes[x].nodeValue;
    }
    add_to_approver(_id, contactname);
}
}

if( _name[i].childNodes[x].nodeType == 3 && _name[i].childNodes[x].nodeValue != '')
        contactname = contactname+_name[i].childNodes[x].nodeValue;