如何通过JavaScript获取类的内容

Question

我需要使用JavaScript来获取以下列方式发布的用户名:

<div id="project_user">
    <p class="project_user">
        by <span class="project_username"><?php echo $OwnerName; ?></span>
     </p>
</div>

我该怎么做？

我尝试了以下但它不起作用:

document.getElementById('project_username').innerHTML

Answer 1

您id需要选择时选择className:

document.getElementsByClassName('project_username')[0].innerHTML

现场演示

请注意,document.getElementsByClassName在旧的IE版本中没有实现...

其他方式:

document.getElementById('project_user')
        .getElementsByTagName('span')[0].innerHTML;

现场演示

您可以使用此"补丁"在旧浏览器中定义此功能:

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;
    };
}?

资源

或者使用类似于jQuery实现(几乎)所有css选择器的javascript库,例如:

$('.project_username').html();