Uncaught TypeError: Cannot read property 'dataset' of null

[Matuha]

Hola! tengo un script con el que voto comentarios pero a la hora de votar no hace nada... sale un error en la consola del navegador:

Uncaught TypeError: Cannot read property 'dataset' of null
index.php?pe=opiniones-productos&opinion=3-&categoria=informatica_datos-&id-categoria=3-:504 Uncaught TypeError: Cannot read property 'dataset' of nullvotar_positivo @ index.php?pe=opiniones-productos&opinion=3-&categoria=informatica_datos-&id-categoria=3-:504onclick @ index.php?pe=opiniones-productos&opinion=3-&categoria=informatica_datos-&id-categoria=3-:439

Alguien podría ayudarme plis?

Aquí el código:

Código HTML:

<img style="float:left;" src="../images/me-gusta.png" id="votopositivo<? echo $row['id']; ?>" onclick="javascript:votar_positivo();" data-id="<? echo $row['id']; ?>" data-voto="positivo">
 <span style="float:left;font-size:12px;color:#908E8E;" id="votarpositivo<? echo $row['id']; ?>">&nbsp;<? echo $row['me_gusta']; ?></span>
 
<img style="float:left;" src="../images/no-me-gusta.png" id="votonegativo<? echo $row['id']; ?>" onclick="javascript:votar_negativo();" data-id="<? echo $row['id']; ?>" data-voto="negativo">
<span style="float:left;font-size:12px;color:#908E8E;" id="votarnegativo<? echo $row['id']; ?>">&nbsp;<? echo $row['no_me_gusta']; ?></span> 

Código HTML:

<script language="javascript">
function votar_positivo(){
    var variable_post="<? echo $categoria_opiniones; ?>";
    var id = document.getElementById('votopositivo'+id).dataset.id;
    var voto = document.getElementById('votopositivo'+id).dataset.voto;
 
    $.post("../includes/votar.php", { variable: variable_post, 'id':id, 'voto':voto }, function(data){
    $("#votarpositivo"+id).html(data);
    });
}
function votar_negativo(){
    var variable_post="<? echo $categoria_opiniones; ?>";
    var id = document.getElementById('votonegativo'+id).dataset.id;
    var voto = document.getElementById('votonegativo'+id).dataset.voto;
 
    $.post("../includes/votar.php", { variable: variable_post, 'id':id, 'voto':voto }, function(data){
    $("#votarnegativo"+id).html(data);
    });
}
</script> 

la linea donde da el error es esta:

Código HTML:

var id = document.getElementById('votopositivo'+id).dataset.id;

Gracias

[leugimsiul]

El problema es en el '+id'. Que estás usando una variable que no existe (todavía), por lo que será undefined, y por tanto el elemento no lo encuentra, por tanto no tiene dataset.

Tendría que ser algo como:

Código Javascript:

<script language="javascript">
function votar_positivo(){
    var variable_post="<? echo $categoria_opiniones; ?>";
    var otroId = "un_valor"; //este ya está declarado antes de usarlo
    var id = document.getElementById('votopositivo'+otroId ).dataset.id;
    var voto = document.getElementById('votopositivo'+otroId ).dataset.voto;
 
    $.post("../includes/votar.php", { variable: variable_post, 'id':id, 'voto':voto }, function(data){
    $("#votarpositivo"+id).html(data);
    });
}
function votar_negativo(){
    var variable_post="<? echo $categoria_opiniones; ?>";
    var otroId = "un_valor"; //este ya está declarado antes de usarlo
    var id = document.getElementById('votonegativo'+otroId ).dataset.id;
    var voto = document.getElementById('votonegativo'+otroId ).dataset.voto;
 
    $.post("../includes/votar.php", { variable: variable_post, 'id':id, 'voto':voto }, function(data){
    $("#votarnegativo"+id).html(data);
    });
}
</script>
 

[Matuha]

Gracias leugimsiul, pero sigue sin funcionar como quisiera..

Te comento

Cada comentario tiene un id

a la hora de votar un comentario le asigno un id para saber cual es el comentario al que tengo que votar

Código HTML:

id="votopositivo<? echo $row['id']; ?>"

en javascript como podría hacer para que obtenga el valor de $row['id']; ya que es un valor numérico que no puedo asignárselo yo ya que varia según el comentario que voten...

Código HTML:

var id = document.getElementById(votopositivo'+id).dataset.id;

si pongo id="votopositivo" el voto siempre se realiza al primer comentario, aunque voten el segundo.