返回javascript中的html img标记

返回javascript中的html img标记,javascript,Javascript,我正在做一个简单的项目,在这个项目中,我用香草javascript显示我的github配置文件 让requestURL='0https://api.github.com/users/fcfidel'; var request=new XMLHttpRequest(); 打开('GET',requestURL); request.responseType='json'; request.send(); request.onload=函数(){ var githubInfo=request.res

我正在做一个简单的项目,在这个项目中,我用香草javascript显示我的github配置文件

让requestURL='0https://api.github.com/users/fcfidel';
var request=new XMLHttpRequest();
打开('GET',requestURL);
request.responseType='json';
request.send();
request.onload=函数(){
var githubInfo=request.response;
populateHeader(githubInfo);
//showGithubInfo(githubInfo);
}
函数populateHeader(jsonObj){
var myH1=document.createElement('h1');
//myH1.textContent=jsonObj['login'];
myH1.textContent=`;
图1.appendChild(myH1);
var myPara=document.createElement('p');
myPara.textContent='Name:'+jsonObj['Name']+'//格式:'+jsonObj['created_at'];
图.追加儿童(myPara);
}

标题
var image=document.querySelector('.image');
var name=document.querySelector('.name');

设置图像源,而不是将其添加到div。此外,反勾号也没有帮助

添加图像标记并修改要使用的ajax调用:

document.querySelector('#my-image').src = jsonObj['avatar_url'];
让requestURL='0https://api.github.com/users/fcfidel';
var request=new XMLHttpRequest();
打开('GET',requestURL);
request.responseType='json';
request.send();
request.onload=函数(){
var githubInfo=request.response;
populateHeader(githubInfo);
//showGithubInfo(githubInfo);
}
函数populateHeader(jsonObj){
var myH1=document.createElement('h1');
//myH1.textContent=jsonObj['login'];
//myH1.textContent=`;
//图1.appendChild(myH1);
var myPara=document.createElement('p');
myPara.textContent='Name:'+jsonObj['Name']+'//格式:'+jsonObj['created_at'];
图.追加儿童(myPara);
document.querySelector(“#我的图像”).src=jsonObj['avatar_url'];
}

标题
var image=document.querySelector('.image');
var name=document.querySelector('.name');

很高兴它有帮助!祝编码伙伴好运!