I need to use JavaScript to get the username which is posted in the following way:
<div id=project_user>
<p class=project_user>
by <span class=project_username><?php echo $OwnerName; ?></span>
</p>
</div>
How do I do it?
I tried the following but it didn't work:
document.getElementById('project_username').innerHTML
You select by id while you need to select by the className:
document.getElementsByClassName('project_username')[0].innerHTML
Note that document.getElementsByClassName is not implemented in old IE versions...
Another way:
document.getElementById('project_user')
.getElementsByTagName('span')[0].innerHTML;
You can use this patch to define this function in old browsers:
if (!document.getElementsByClassName) {
document.getElementsByClassName = function(classname) {
var elArray = [];
var tmp = document.getElementsByTagName(*);
var regex = new RegExp((^|\s) + classname + (\s|$));
for (var i = 0; i < tmp.length; i++) {
if (regex.test(tmp[i].className))
elArray.push(tmp[i]);
}
return elArray;
};
}
Or use a javascript library like jQuery that implements (almost) all css selectors, example:
$('.project_username').html();
