我正試圖讓一個視頻在點擊按鈕時進行旋轉。 我對我的初級JS技能非常生疏，無法弄清這個簡單的事情。 總之，也許我被搞混了，但誰能向我解釋一下，為什么這不作業？
。let video = document. querySelector（'.video'）。
let rotateBtn = document.querySelector（'.rotate-btn'）。
function addRotation（） {
video.classList.add(' .video-rotate')。
}
rotateBtn.addEventListener('click', function(>/span>) {
addRotation（視頻）。
});* {
box-sizing: border-box;
}
#demo-container {
text-align: center;
}
.video-rotate {
transform: rotate(270deg) 。
}<div class="live-demo"> /span>
<h1 class="live-demo-title"/span>> 實時演示</h1>。
<div class="rotate"/span>>
<button class="rotate-btn"/span>> 旋轉</按鈕>。
</div>/span>
<div id="demo-container"/span>>
< video class="video" width="500px" height="700px" controls autoplay>
<source src="media/myFlix-Iphone-LiveDemo. mp4" type="video/mp4">。
<source src="media/myFlix-Iphone-LiveDemo. ogg" type="video/ogg">。
您的瀏覽器不支持視頻標簽。
</video>您的瀏覽器不支持視頻標簽。
</div>/span>
</div>/span>uj5u.com熱心網友回復：
我不太確定這是否是答案，但是代替
的是video.classList.add(".video-rotate"/span>)。
do
video.classList.add("video-rotate") 。
因此，洗掉視頻旋轉前面的點。
uj5u.com熱心網友回復：
看來你的addRotation()函式實作需要一個視頻引數，但實際的函式不接受它。而且你還需要添加沒有句號的類名，就像這樣
function addRotation（video）{
video.classList.add（'video-rotate'）。
}
rotateBtn.addEventListener('click', function() {
addRotation（視頻）。
});
希望這能發揮作用:)
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/320444.html
標籤：
下一篇：為什么評論是一個介面/類？