js 如何判定 div里是否有内容 隐藏显示
!DOCTYPE html
html
head
meta http-equiv=”Content-type” content=”text/html; charset=utf-8″ /
title/title
script src=””/script
/head
style
.new_answer{
border:1px solid;
width:300px;
height:300px;
}
/style
body
div class=”new_question”
div class=”new_title”Description/div
div class=”new_answer”
3
/div
/div
/body
script
var txt = $(‘.new_answer’).text();
if(txt == 0){
$(‘.new_answer’).css(‘display’,’none’);
}else{
$(‘new_answer’).css(‘display’,’block’);
}
/script
/html
js如何判断div里面的图片为空隐藏,否则显示,如下图?
img src=”images/img1.jpg” alt=”这里是第一张图片”
改为
img src=”images/img1.jpg” alt=”这里是第一张图片” onerror=”box2.style.display=’none’;”
剩下的四张图片的代码也照这样修改。
怎么用js显示隐藏div
怎么用js来显示或隐藏一个div?很简单,下面一起来看一下。
01
首先我们创建一个div,和一个按钮。用按钮的点击来控制div的显示或隐藏。
02
添加一个样式名叫hide的样式,主要是设置display=none,即隐藏。
03
接着用js来实现显示,隐藏的功能。我们用Jquery的hasClass方法来判断div是否有hide样式,有则删除这个样式,即显示div。如果没有,则添加一个hide的样式,即隐藏div。
04
运行页面,我们点击按钮,如果div是正在显示的,点击后就会隐藏,如果是隐藏状态的,点击后就会显示。
求一段js代码,判断时间显示隐藏div
compareDate(date1,date2){
var oDate1 = new Date(date1); 时间1
var oDate2 = new Date(date2);时间2
if(oDate1.getTime() oDate2.getTime()){
return true; //第一个大
在这里判断div显示
} else {
return false; //第二个大
}
}
求一段js代码,判断div显示和隐藏
请,下面是js代码,假设两个div的id分别是div1和div2,
script
window.onload=function()
{
//获取两个div
var oDiv1=document.getElementById(“div1”);
var oDiv2=document.getElementById(“div2”);
//判断div1是显示或者隐藏(block—显示,none–隐藏)
if(oDiv1.style.display==”block”)
{
oDiv2.style.display=”none”;
}
else
{
oDiv2.style.display=”block”;
}
}
/script
如何实现js控制div的隐藏及显现
需要准备的材料分别是:电脑、html编辑器、浏览器。
1、首先,打开html编辑器,新建一个html文件,例如:index.html。
2、在index.html文件的script标签中,写入js:
$(‘button’).click(function () {
$(‘div’).hide();
$(‘div’).eq(parseInt(3 * Math.random())).show();
});
3、浏览器运行index.html页面,此时点击btn按钮总会显示其中1个div和隐藏另外2个div。