javascript - 这个div为什么不能消失呢？-PHP中文网问答

讲师中心微信公众号

首页

文章

后端开发 web前端数据库开发工具 php框架常见问题人工智能 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程自媒体新闻

专题

后端开发 web前端数据库开发工具 php框架人工智能 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程新闻

AI工具

AI聊天问答 Agent智能体 AI文本写作 AI绘画作图 AI设计工具 AI视频创作 AI音频制作 AI办公学习 AI编程开发 AI提示词

学习

大前端后端开发数据库移动端运维开发计算机基础

编程手册

大前端后端开发数据库移动端运维开发计算机基础

下载

js特效网站源码工具下载类库下载网站素材学习资源插件扩展手机游戏

最近更新

javascript - 这个div为什么不能消失呢？

PHP中文网 2017-04-11 12:13:00

[JavaScript讨论组]

371

想要的效果是小于768时点击按钮可以显示出p 然后让屏幕大于768时让它p自动消失之前没有clientWidth那句判断不行加上了那句判断也不行这是为什么？之前实验只有一个p 让它大于768时就消失试了一下这样可以但是为什么加上js后就不能消失了呢真的和js有关系吗？

PHP中文网

认证0级讲师

全部回复(3)

阿神2017-04-11 12:15:00 3楼

首先，我们得确定document.body.clientWidth返回的是啥，

console.log(typeof(document.body.clientWidth));//返回number
console.log(document.body.clientWidth);//返回数字

所以你的这句判断：document.body.clientWidth>"768px"是有问题的。
其次，你的需求是“让屏幕大于768时让它p自动消失”，若自动消失的话，你应该直接把判断写在onresize事件里面，从你代码里看，是只有点击按钮后才去判断，与自动消失的需求不符。

window.onresize=function(){
  console.log(typeof(document.body.clientWidth));
  console.log(document.body.clientWidth);
  if(document.body.clientWidth>768){
     document.getElementById('p1').style.display="none";
  }
}

赞 +0

添加回复

高洛峰2017-04-11 12:15:00 2楼

document.body.clientWidth返回的是一个number对象啊...
改成 document.body.clientWidth > 768

赞 +0

添加回复

怪我咯2017-04-11 12:15:00 1楼

像这种情况，我觉得要么就都用js来改样式，js修改的display是加在行间的，优先级肯定高于页内样式，所以后来在通过media媒体查询修改的样式就不起效了，除非加！important

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>