let trs = document.querySelectorAll('tr'); // получили коллекцию строк
let td = trs[1].querySelectorAll('td')[2]; // получили из 2й по счёту строки, третью по счёту ячейку
console.log(td);
<!DOCTYPE html><html><head><meta charset="utf-8"><title>tmp</title><style>
body{width:100%;height:100%;
background-image:repeating-radial-gradient(circle,#dcdcdc 0px,#dcdcdc 8px,#fff 1px,#fff);background-size:28px 28px}
</style></head><body></body></html>
document.addEventListener('click',function(z){
if(z.target.tagName==='A'){
let h=new URL(z.target.href).hash;
if(h !=''){
z.preventDefault();
let b=document.getElementById(h.replace('#','')); // убрал решётку
b.scrollIntoView({block:'center',behavior:'smooth'});}}}); // отправил к центру блока с ID который был после решётки
$filename = '123.wav';
header('content-type: audio/vnd.wave');
header('Content-Length: '.filesize($filename));
readfile($filename);
die;
ну и принять на xhr как-то так:xhr.onload = function(){var blob = new Blob([new Uint8Array(this.response)],{type:"audio/vnd.wave"});
document.querySelector("audio").src = window.URL.createObjectURL(blob);return true;}
<button id="btn">click!</button>
<input id="txt" type="text">
<script>
document.getElementById('btn').addEventListener('click',(e)=>{
console.log(document.getElementById('txt').value);});
</script>
$size = '200';
$name = 'image_1223';
$alt = 'описание картинки';
echo '<img width="'.$size.'" src="/images.php?'.$name.'&'.$size.'" alt="'.$alt.'"/>