[英]How can i replace information on a div with information from an array based on specific button being clicked using JavaScript?
[英]how to display information underneath a specific button using javascript
我正在處理以下代碼。 我的目的是能夠從特定網站獲取有關不同用戶的信息,顯示名稱和其他信息,然后有一個按鈕,單擊該按鈕即可打印更多信息。 我可以獲取信息並顯示名稱和圖片,但是當我單擊按鈕時,信息顯示在頁面頂部,而不是單擊的特定按鈕下方。 我希望將信息顯示在每個用戶下...我是Java語言的新成員,自己學習,對您的幫助非常感謝!
function getUsers(user) {
var out = "";
var i;
for (i = 0; i < user.length; i++) {
out += '<a href="' + user[i].url + '">' + user[i].login + '</a><br>'+'</br> <img src="'+user[i].avatar_url+
'" alt="Image" style="width:304px;height:228px"</br></br>'+
'<button onclick=printRepos("'+user[i].repos_url+'")>Repositories</button></br>'+'<div id="id"></div>';
}
document.getElementById("id01").innerHTML = out;
}
打印功能
function printF(array) {
var out = "";
var i;
for (i = 0; i < array.length; i++) {
out += array[i].id+'</br>';
}
document.getElementById("id").innerHTML = out;
}
這很好。 我只是用動態ID制作了div並將其傳遞給了函數
function getUsers(user) {
var out = "";
var i;
for (i = 0; i < user.length; i++) {
out += '<a href="' + user[i].url + '">' + user[i].login + '</a> <br>'+'</br> <img src="'+user[i].avatar_url+
'" alt="Image" style="width:304px;height:228px"</br></br>'+
'<button onclick=printRepos("'+user[i].repos_url+'","'+i+'")>Repositories</button></br>'+'<div id="'+ 'id' + i +'"></div>';
}
document.getElementById("id01").innerHTML = out;
}
function printRepos(array, id) {
var out = "";
var i;
for (i = 0; i < array.length; i++) {
out += array[i].id+'</br>';
}
console.log('id' + id);
document.getElementById('id' + id).innerHTML = out;
}
將“ this”關鍵字作為參數添加到您的onclicks中,以傳遞被單擊的按鈕:
<button onclick=printRepos(this,"'+user[i].repos_url+'")>Repositories</button>
然后在事件處理程序中該按鈕之后找到下一個div:
function printF(btn, array) {
var out = "";
var i;
for (i = 0; i < array.length; i++) {
out += array[i].id+'</br>';
}
// find the div
var d = btn; // start with the button
while (d.tagName != "DIV") d = d.nextSibling; // look for the next div
d.innerHTML = out;
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.