如果在Javascript中不能为.innerhtml工作
if not working for .innerHTML in Javascript
我在Javascript中输入了以下代码,它只是隐藏并显示了一个带有youtube视频的div。:
Javascript:function showVideo2()
{
document.getElementById("TheVid").style.opacity = 1;
}
function hideVideo2()
{
document.getElementById("TheVid").style.opacity = 0;
}
function determineShowHideVid()
{
if (document.getElementById("PlayerDetermine").innerHTML.match ="Play")
{
showVideo2();
document.getElementById("PlayerDetermine").innerHTML = "Close";
}
else
{
hideVideo2();
document.getElementById("PlayerDetermine").innerHTML = "Play";
}
}
HTML <body>
<div class='container'>
<div class='row' id= 'BodyDiv1' name = 'BodyDiv'>
<button type='submit' onclick='determineShowHideVid()' id='PlayerDetermine'>Play</button>
<button type='submit' onclick='showVideo2()'>Play</button>
<button type='submit' onclick='hideVideo2()'>x</button>
<div class='col-md-8' id='TheVid'>
<div class="vid">
<iframe class="youtube-player" type="text/html" width="430" height="150"
src="//www.youtube.com/embed/jx83rMjic5w?wmode=opaque?html5=1" allowfullscreen frameborder="0">
</iframe>
</div>
</div>
</div>
</div>
</body>
CSS #TheVid {
-webkit-transition: opacity 2s;
-moz-transition: opacity 2s;
-o-transition: opacity 2s;
transition: opacity 2s;
}
.vid {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}
.vid iframe,
.vid object,
.vid embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
但是,只有'hideVideo2()'
和showVideo2()
工作,而determineShowHideVid()不工作。我试着让innerHTML,这样如果它说播放,视频就会播放。如果没有,视频就隐藏起来。
问题是,Button元素playerdecide改变它的文本内容来关闭并显示视频,但不隐藏它。
在javascript中我的IF语句有问题吗?
add == operator比较从您的if
中删除.match
,使其像:
...
if (document.getElementById("PlayerDetermine").innerHTML == "Play") {
...
你应该试试这个
完全归功于https://stackoverflow.com/users/142410/vian-esterhuizen
检查是否正在播放YouTube视频并运行脚本
是最干净的方式,我认为你可以检测嵌入的youtube视频是否正在播放,所以你可以对你的html
相关文章:
- 当我更改innerHtml时,引导选项卡事件不再工作
- .innerHTML无法正常工作(我猜)
- innerHTML=Date()在fiddle中工作,但在Chrome或IE中不工作
- 将结果从.html(或innerHtml)输入到inArray并使其工作
- document.getElementById.innerHTML 无法正常工作
- AngularJS标签没有'不能在innerHTML中工作
- 在JavaScript中检索innerHTML的输入值;在IE 9及以上版本中无法正常工作
- Javascript:innerHTML无法工作
- 为什么更改我的框的innerHTML会使我的按钮在Greasemonkey中停止工作
- innerHTML.replace不是在firefox中工作,而是在IE中工作
- 在Div中更改innerHtml时,ScrollTop和ScrollTo不工作
- innerHTML没有'使用函数更改值时不能立即工作
- innerHTML没有'工作不正常
- innerHTML标记选项没有'我不在IE9工作
- innerHTML无法工作
- 带有参数和innerHTML的事件侦听器只能工作一次
- Javascript-document.write()正在工作,但document.innerHTML不起作用;t
- innerHTML工作在IE和Firefox,但不是Chrome
- 如果在Javascript中不能为.innerhtml工作
- 不能让.innerhtml工作