所以，让我告诉您我正在尝试做的事情。我有一些代码，这是第一个：
<div id="animals">
<img id="catz" src="picture_of_cat"
</div>
我所做的就是创建此按钮，并使用此简单脚本将猫的图片更改为dog。
<script>
function changeimage()
{
var img = document.getElementById("catz");
img.src="picture_of_dog";
return false;
}
</script>
<button onclick="changeimage();">Change it to dog!</button>
到目前为止没有错 但是现在这是我的问题开始的地方。我有此代码，无法与狗狗一起改变猫的声音。
<template id="animals-voice">
<audio id="cat-voice" src="data:audio/mpeg;base64,.....">
</template>
这是我在网站上看到的内容：
The
<template>is not considered to be part of the document (eg, you can't use document.getElementById or similar
然后，如何创建一个按钮，使猫的声音被只带按钮的狗所取代？我真的是编程新手，所以如果您能告诉我/向我展示解决此问题的最简单方法，我将不胜感激。
（Template标记中的URL编码为base64，因为我知道它不会从外部来源加载内容。所以，我想使用一个按钮将其替换为另一个base64音频）
谢谢
