javascript - 将数组内容存储在 div 类中并显示清晰的名称

Question

我有一些用户位于事件目录中。在事件目录中，它们的用户名类似于 i:0#.w|opmain\name。它每天同步。

使用 UPS(用户配置文件服务)，我通常会得到 username (前鲍里斯)。为了获得真实姓名(前鲍里斯·约翰逊)，我必须在 UPS 中进行查找。

我想在 UPS 中查找以获得明确的名称。关于这一点，我有一个函数 getUserInformation(username,type) 和 onChangeRequestor():

function getUserInformation(username, type) {    
    var clientContext = new SP.ClientContext.get_current();
    var peopleManager = new SP.UserProfiles.PeopleManager(clientContext);
    personProperties = peopleManager.getPropertiesFor(username);
    clientContext.load(personProperties);        
    clientContext.executeQueryAsync(function () { processUserInformationSuccess(personProperties, type) }, function () { processUserInformationFail(type) });

}

function onChangeRequestor() {    
    var logins = replaceSubstring(NWF$("#" + varRequestorID).val(), ";", "");
    var accountArray = logins.split("|")
    var username = accountArray[1];    
    getUserInformation(username, "requestorinfo");     
}

所以我创建一个数组并迭代它:

var userarray = new Array();
var username; 
var logins;
var accountArray;
for (var i = 0; i < userarray.length; i++) {
    logins = replaceSubstring(NWF$("#" + varRequestorID).val(), ";", "");
    accountArray = logins.split("|")
    username = accountArray[1];
    getUserInformation("opmain\\" + userarray[i], lookupUserDefaultName); 
}
userarray.push(username);

我想将内容(清晰的名称)存储在 div 类中，但我不知道如何存储。

我想到了这样的事情，但对我来说没什么意义:

var <div class="users">Usernames</div>
var username = document.getElementsByClassName("users");
for (var i = 0; i < usernames.length; i++){
    usernames[i].className += " new_class";
}
lookupUserDispName();

这是lookupUserDispName:

function lookupUserDispName(){
     for (var i = 0; i < userarray.length; i++) {
        getUserInformation(userarray[i], lookupUser); 
        OnChangeRequestor();
        requestor = displayName; 
    }
}

Answer 1

嗯，据我了解，您想要的是获取用户名，并使用该名称作为 div 的类名。

假设您有一个这样的 div:

<div id="userDiv"></div>

您可以通过执行以下操作向此 div 添加类名称:

var div = document.getElementbyId("userDiv");
div.className = username; //or div.classList.add(username); if you don't want to override existing classes