Php 更改图像按钮onclick事件，不带ID且在多个唯一实例上

我的问题是：

我需要为MP3歌曲库网站创建预览按钮

具体情况如下：

• 按钮必须从播放更改为暂停，并在单击时恢复
• 这些按钮还必须触发play（）-pause（）HTML5音频播放器

我有一个在线的工作示例，但是对div使用ID太多了，如果有100多个实例，就会导致一些浏览器由于计算量过大而崩溃

我知道这是糟糕的编码，但我需要的是一个概念的证明，而不是一个优雅的生产性解决方案，当时：）

以下是所需内容的实例：

我在这个问题上使用了PHP和CSS。下面是单实例代码，它正在工作，但会使浏览器崩溃：

<div id="<?php print $wrap_div_play_id;?>" style="position:absolute;visibility:visible;z-index:1;right:86px;margin:0 0 0 0; padding:0 0 0 0;">

<div id="<?php print $div_play_id;?>" style="position:absolute;visibility:visible;z-index:1;top:-15px;">
    <img src="/images/bouton-play.png" onclick="document.getElementById('<?php print $audio_id;?>').play();document.getElementById('<?php print $div_pause_id;?>').style.visibility='visible'">
</div>

<div id="<?php print $div_pause_id;?>" style="position:absolute;visibility:hidden;z-index:2;top:-15px;">
    <img src="/images/bouton-stop.png" onclick="document.getElementById('<?php print $audio_id;?>').pause();document.getElementById('<?php print $div_pause_id;?>').style.visibility='hidden'">
</div>    

</div>


<audio id="<?php print $audio_id;?>">
<source src="<?php print $file_player_song;?>.ogg" type="audio/ogg" />
<source src="<?php print $file_player_song;?>.mp3" type="audio/mpeg" />
</audio>    

”）.style.visibility='visible'>
“）.style.visibility='hidden'”>
等等，你是说你在复制身份证吗？注意：我想知道是否有替代方案。这使得浏览器的计算量过大（生成数百个唯一ID）。凯尔：我没有复制ID。我使用PHP循环生成随机ID，因此按钮是唯一的。