javascript - 如何通过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

Live DEMO

请注意，document.getElementsByClassName 未在旧版 IE 中实现...

---

另一种方式:

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

Live DEMO

---

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

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

source

---

或者使用像 jQuery 这样的 javascript 库来实现(几乎)所有的 css 选择器，例如:

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