数码资讯
用js控制HTML元素的显示和隐藏的两种方法
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
使用js显示和隐藏页面控件有两种方法。这两种方式利用了HTML风格的两个属性。这两种方法的区别在于页面在控件隐藏后是否占据空白。
方法1:
document.getelementbyid(eleid)。风格。能见度=隐藏;
document.getelementbyid(eleid)。风格。能见度=可见;
使用上述方法实现隐藏后,页面的位置也被控件占用,显示空白。
方法二:
document.getelementbyid(eleid)。风格。显示为无;
document.getelementbyid(eleid)。风格。显示为内联;
在使用上述方法实现隐藏后,页面的位置没有占用。
方法1:
document.getelementbyid(eleid)。风格。能见度=隐藏;
document.getelementbyid(eleid)。风格。能见度=可见;
使用上述方法实现隐藏后,页面的位置也被控件占用,显示空白。
方法二:
document.getelementbyid(eleid)。风格。显示为无;
document.getelementbyid(eleid)。风格。显示为内联;
在使用上述方法实现隐藏后,页面的位置没有占用。
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。