Javascript html js onclick切换不起作用 var comp101_note=document.getElementById（“comp101_note”）； var comp101_pdf=document.getElementById（“comp101_pdf”）； comp101_note.onclick=函数（）{ comp101_pdf.slideToggle（）； }; 德尔斯 COMP101
我想像var这样做，因为我将在windows应用程序中使用这些代码Javascript html js onclick切换不起作用 var comp101_note=document.getElementById（“comp101_note”）； var comp101_pdf=document.getElementById（“comp101_pdf”）； comp101_note.onclick=函数（）{ comp101_pdf.slideToggle（）； }; 德尔斯 COMP101,javascript,html,Javascript,Html,我想像var这样做，因为我将在windows应用程序中使用这些代码slideToggle是一个jquery函数，所以将comp101_pdf包装到jquery对象中，即$（comp101_pdf）.slideToggle（）您不能直接使用滑动切换。要么你必须使用一些javascript功能来完成。在香草Javascript（平面Javascript）的情况下，我们必须自己编写整个动画。所以建议使用jquerylibrary。如果您仍然不想使用jQuery，那么您必须使用CSS3转换动画，并根据将
slideTogglecomp101_pdf$（comp101_pdf）.slideToggle（）您不能直接使用滑动切换。要么你必须使用一些javascript功能来完成。在香草Javascript（平面Javascript）的情况下，我们必须自己编写整个动画。所以建议使用jquerylibrary。如果您仍然不想使用jQuery，那么您必须使用CSS3转换动画，并根据将发生的转换更改一些属性
两个代码如下：
jQuery：
$（'element selector class或id'）。slideToggle（）
CSS3转换：
HTML代码：
一些文本
CSS代码：
<script>
var comp101_note = document.getElementById("comp101_note");
var comp101_pdf = document.getElementById("comp101_pdf");
comp101_note.onclick = function(){
comp101_pdf.slideToggle();
};
</script>
<html>
<table>
<tr><td>Ders</td></tr>
<tr><td id="comp101_note">COMP101</td></tr>
</table>
<object width="400" height="400" data="1.pdf" id="comp101_pdf"></object>
</html>
现在，如果mySlideOpen应用于myClass div，则其高度将随着持续1秒的线性动画而增加。A）使用适当的HTML结构（例如）
B） 使用jQuery可以快速访问对象，并且必须使用“就绪”
C） 在浏览器在内存中呈现HTML之前，您正在执行代码，这就是为什么您需要遵循第B节
D） 不能切换标记，请将它们放置在DIV中
.myClass{height:0px;transition : height 1s linear;}
.myClass.mySlideOpen{height:100px}
$（文档）.ready（函数（）{
//文档完全加载时：
$（“#comp101_note”）。单击（函数（）{
$（'comp101'U pdf'）。幻灯片切换（“快速”，函数（）{
//动画完成。
});
});
});
德尔斯
COMP101
slideToggle（）
不是javascript函数，它来自jQuery，您应该查看浏览器控制台以查看错误我不能将此方法用于应用程序，因此我必须像var name=document那样编写……如果您不能使用jQuery，则必须按照说明通过css动画实现滑动切换，因此我不能将其用于我的方法？我必须使用循环或其他方法否则我不能像html一样使用id，我将在visual studio上工作
<html>
<head>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.js"></script>
<script>
$( document ).ready(function() {
// When document is fully loaded:
$( "#comp101_note" ).click(function() {
$('#comp101_pdf').slideToggle("fast", function() {
// Animation complete.
});
});
});
</script>
</head>
<body>
<table>
<tr><td>Ders</td></tr>
<tr><td id="comp101_note">COMP101</td></tr>
</table>
<div id="comp101_pdf">
<object width="400" height="400" data="1.pdf"></object>
</div>
</html>