Uncaught TypeError: Cannot set property 'innerHTML' of null

Question

Witam,

zamysł skryptu jest taki, żeby po naciśnięciu przycisku wykonał się ajax, który dodaje rekord do bazy danych, a napis na przycisku się zmienia.

Wyświetlam za pomocą PHP (w pętli) przyciski

$i = 0;
while($row = $result->fetch_assoc())
{
    $addid = $row['id'];
    $result2 = $connect->query("SELECT * FROM requests WHERE (id_inviting='$id' OR  id_inviting='$addid') 
    AND (id_invited='$id' OR id_invited='$addid') AND flag='1'");
    
    $result3 = $connect->query("SELECT * FROM requests WHERE id_inviting='$id' 
    AND id_invited='$addid' AND flag='0'");
    
    echo "<div class='resultbuttonbox'>";
    
    if(($result2->num_rows)==1) 
    echo "<div id='resultbuttongrey divnumber".$i."'><button class='addfriendgrey' onclick='remove(".$addid.",".$id.",".$i.")'>
    <i class='icon-user-delete'></i>Usuń znajomego</button></div>";
    
    elseif(($result3->num_rows)==1) echo "<div id='resultbuttongrey divnumber".$i."'><button class='addfriendgrey' onclick='remove(".$addid.",".$id.",".$i.")'>
    <i class='icon-spin1'></i>Anuluj zaproszenie</button></div>";
    
    elseif($addid==$id) echo "<div class='resultyou'>Ty</div>";
    
    else echo "<div id='resultbutton divnumber".$i."'><button class='addfriend' onclick='addfriend(".$addid.",".$id.",".$i.")'>
    <i class='icon-user-add'></i>Dodaj znajomego</button></div>";
    
    echo "</div>";
    
    $i++;
}

a moje funkcje w js wyglądają tak:

function addfriend(id,cid,i){
			$.ajax({
				url: "../query/add.php",
				data: {id: id, cid: cid},
				type: "GET",
				success: function(i){
					console.log("good");
					document.getElementById("'divnumber" + i + "'").innerHTML = "Wysłano zaproszenie!";
			},
			error: function(){
				console.log("error");
			}
		});
	}
			
	function remove(idremove,cidremove,i){
		$.ajax({
			url: "../query/remove.php",
			data: {idremove: idremove, cidremove: cidremove},
			type: "GET",
			success: function(i){
				console.log("good");
				document.getElementById("'divnumber" + i + "'").innerHTML = "Usunięto ze znajomych!";
			},
			error: function(){
					console.log("error");
			}
		});
	}

próbowałem dodać kod JS na sam dół body i nadal nie działa :(

Błąd, który się wyświetla, to: Uncaught TypeError: Cannot set property 'innerHTML' of null.

Proszę o pomoc!

Comments

@wiktoz, z czym teraz jest problem? Przecież @maly napisał jak ma wyglądać argument w nawiasie.

---

Problem taki, że "divnumber" +i nadal nie działa

---

Pokaż jak to robisz

---

Ustaliłem przed chwilą, że jest to wina tego, że zmienna 'i' w ogóle nie dociera do tej funkcji.

Daję jeszcze raz aktualny kod

function remove(idremove,cidremove,i){
	$.ajax({
		url: "../query/remove.php",
		data: {idremove: idremove, cidremove: cidremove},
		type: "GET",
		success: function(i){
			console.log("good");
			document.getElementById("divnumber"+i).innerHTML = "Usunięto ze znajomych!";
		},
		error: function(){
				console.log("error");
		}
	});
}

echo "<div id='divnumber".$i."'><button class='remove' onclick='remove(".$addid.",".$id.",".$i.")'>
<i class='icon-user-add'></i>Usuń znajomego</button></div>";

 

---

Dobra zrobiłem to tak i działa:

success: document.getElementById("divnumber"+i).innerHTML = "Usunięto ze znajomych!",

usunąłem po prostu zbyteczną funkcję i działczy ;)