Como recojer el valor elegido de un ciclo foreach y pasar el valor a javascript(AJAX)

[hiram_ramirez8]

Tengo el siguiente problema, tengo un ciclo foreach donde pongo que me pinte varios links, cada link tiene un id que es mi variable $key, pero mi problema es como hacer que ese valor lo tome el javascript porngo los codigos:

Código PHP:

<?php session_start(); ?>
<?php include("server.php"); ?>
<?php echo "<h1>Temas</h1>";
$conexion = mysqli_connect($server_name,$server_user,$server_password) or die("Err - 196" . mysqli_connect_error());
mysqli_select_db($conexion,$db_name);
$select = " SELECT * FROM contenidos";
$rsLabels = mysqli_query($conexion,$select) or die("Error - 196 Conexi&oacute;n Rechasada" . mysqli_connect_error());
                $cont=0;
                $r=0;
                while($rLabels = mysqli_fetch_array($rsLabels)){
                    $etiquetas = $rLabels['etiquetas'];
                    $comas = explode(',',$etiquetas);                    
                    $array[] = array($cont => $comas);
                    $arreglos[] = $array[$r][$cont];
                    $cont++;
                    $r++;
                }
                for($a=count($arreglos),$v=0;$v<$a;$v++){
                    for($x=10,$y=0;$y<$x;$y++){
                        $listo[] = $arreglos[$v][$y];
                        $arraycontodo=$listo;
                    }
                }
                $arrayss = array_values(array_diff($arraycontodo, array('')));
                $miarreglo_limpio = array_unique ($arrayss);
                foreach($miarreglo_limpio as $key => $values){
                    $key;
                    if($key%2==0) { ?>
                                <a href="javascript:enviar_palabras('recibir_palabras.php','ajax')" class='temas1' id="palabras"><?php echo $values ?></a>
                                <input type="hidden" id="palabra[<?php echo $key ?>]" name="palabra[<?php echo $key ?>]" value="<?php echo $values ?>"/>
                         <?php   }else{ ?>
                                <a href="javascript:enviar_palabras('recibir_palabras.php','ajax')" class='temas2' id="palabras"><?php echo $values ?></a>
                                <input type="hidden" id="palabra[<?php echo $key ?>]" name="palabra[<?php echo $key ?>]" value="<?php echo $values ?>"/>
                         <?php   }
                }
?>
 

y en el JS mi variable "valor" tengo que recojer el dato dinamicamente, cuando dan click en algune link que pinto, pero como lo tengo ahorita expresado es de forma manual osea yo puse var valor = document.getElementById('palabra[0]').value; <-- y eso esta mal, lo tiene que recojer dinamicamente

Código Javascript:

function enviar_palabras(_pagina,valor1,capa) {
                
        
        var valor = document.getElementById('palabra[0]').value;
        alert(valor);
        
        var ajax;
                ajax = obtenerXHR();
                        ajax.open("GET",'recibir_palabras.php?palabra='+valor, true);
                                ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
                                        ajax.onreadystatechange = function() {
                                                if (ajax.readyState==1){
                                                document.getElementById('ajax').innerHTML = "<img src='loader.gif' align='center' /> Aguarde por favor...";
                                                }
                                                if (ajax.readyState == 4) {
                                                        document.getElementById('ajax').innerHTML = ajax.responseText;
                                                        }
                                                                }
                                                                        ajax.send(null);
                                                                                }