Javascript 单击时用另一个div替换div
现在我想让youtube随时显示,但如果你点击它,我想把它转换成嵌入。我不能让它工作。我的意思是,它不符合我刚才解释的。什么也没发生Javascript 单击时用另一个div替换div,javascript,Javascript,现在我想让youtube随时显示,但如果你点击它,我想把它转换成嵌入。我不能让它工作。我的意思是,它不符合我刚才解释的。什么也没发生 <div id="youtube" onclick="replace()" style="display:block"> <img src="http://img.youtube.com/vi/'.$id.'/1.jpg"> <span class="title"><font color="#999">YouTube
<div id="youtube" onclick="replace()" style="display:block">
<img src="http://img.youtube.com/vi/'.$id.'/1.jpg">
<span class="title"><font color="#999">YouTube™ Video:</font> '.$title.'</span>
<span class="views">Views: '.number_format($views).'</span>
<span class="description">'.$desc.'</span>
</div>
// show this only if they clicked on #youtube
<div id="embed" onclick="replace()" style="display:none">
<object width="425" height="344">
<param name="movie" value="http://www.youtube.com/v/$1?fs=1"</param>
<param name="allowFullScreen" value="true"></param>
<param name="allowScriptAccess" value="always"></param>
<embed src="http://www.youtube.com/v/$1?fs=1"
type="application/x-shockwave-flash" allowscriptaccess="always" allowFullScreen="true" width="425" height="344">
</embed>
</object>
</div>
getElementById
中的div名称周围缺少引号:
function replace() {
document.getElementById("youtube").style.display="none";
document.getElementById("embed").style.display="block";
}
getElementById
接受一个字符串,embed是一个标识符名称,您需要使用字符串文字,将其用记号包装。只需引用div的名称即可
document.getElementById('youtube').style.display="none";
document.getElementById('embed').style.display="block";
.
document.getElementById('youtube').style.display="none";
document.getElementById('embed').style.display="block";