首页 > 其他分享 >前端隐藏和显示div的方式js和beetle:

前端隐藏和显示div的方式js和beetle:

时间:2023-04-27 09:26:19浏览次数:47  
标签:style 元素 visibility js beetle div display 隐藏

方式一:设置元素style对象中的display属性

1、var t = document.getElementById('demo');//选取id为test的div元素

2、t.style.display = 'none';// 隐藏选择的元素

3、t.style.display = 'block';// 以块级样式显示

方式二:设置元素style对象中的visibility属性

1、var t = document.getElementById('demo');//选取id为test的div元素

2、t.style.visibility = 'hidden';// 隐藏元素

3、t.style.visibility = 'visible';// 显示元素

方式三: 前两种可能会导致保存功能失效,如果需要根据页面值判断是否显示(beetl语法),可用这一种

<% if (processingDrawingTask.revisionContent != null) { %>
  <div class="form-unit">${text('图纸版本记录')}</div>
  <div class="ml10 mr10 table-form">
<table id="drawingVersionRecord"></table>
  </div>
<% } %>

标签:style,元素,visibility,js,beetle,div,display,隐藏
From: https://www.cnblogs.com/dongfangzhaoyue/p/17357981.html

相关文章

  • 【单例设计模式原理详解】Java/JS/Go/Python/TS不同语言实现
    简介单例模式(SingletonPattern)属于创建型设计模式,这种模式只创建一个单一的类,保证一个类只有一个实例,并提供一个访问该实例的全局节点。当您想控制实例数目,节省系统资源,并不想混用的时候,可以使用单例模式。单例有很多种实现方式,主要分为懒汉和饿汉模式,同时要通过加锁来避免线程......
  • Node.js Buffer All In One
    Node.jsBufferAllInOneBuffer.fromhttps://nodejs.org/api/buffer.html#bufferArrayBufferhttps://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/ArrayBufferhttps://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Glo......
  • How to use axios.js instead of request.js to get data as a buffer All In One
    Howtouseaxios.jsinsteadofrequest.jstogetdataasabufferAllInOne如何使用axios.js代替request.js获取数据作为缓冲区questionconstfs=require("fs");varpath=require("path");const{exit}=require("process");//requ......
  • jsx中使用js表达式
    //在jsx中使用js表达式///通过一个{}展示变量即可vue中使用{{}}展示js表达式//什么是js表达式有结果的importreactDomfrom"react-dom"//函数也是表达式//syntaxError语法错误constsayHi=()=>{return"你好"}constspan=<span>我是一......
  • 让CSS里div上下左右绝对居中几种方式
    1、绝对定位(常用于登录模块)备注:前提条件div需要有宽高1<divclass="box"></div>2#css3.box{4position:absolute/fixed;5left:0;6right:0;7top:0;8bottom:0;9margin:auto;10}2、margin负值备注:前提条件div需要有宽高1<divclass="box"&g......
  • Codeforces Round 867 (Div. 3)
    A.TubeTubeFeed#include<bits/stdc++.h>usingnamespacestd;intmain(){intq;cin>>q;while(q--){intn,t,res=-1,id=-1;cin>>n>>t;vector<int>a(n+1),b(n+1);......
  • jsp 自定义标签
    新疆web工程:Java代码:packagecom.tld.bean;publicclassUserInfo{ privateStringusername; privateintage; publicStringgetUsername(){ returnusername; } publicvoidsetUsername(Stringusername){ this.username=username; } publicintgetA......
  • Educational Codeforces Round 147 (Rated for Div. 2)
    Preface补题这周比赛挺少,不过后面可能就很少有时间补以前的比赛了的说现在除了要做学校的集训专题外,还要刷一下蓝桥杯国赛的题,可以说是很忙碌了而且由于JAVA的期末考试要来了,为了熟悉下语法以后补题的时候前面的题目可能会用JAVA来写(其实我写的JAVA看起来和C++真没啥区别)A.......
  • 关于idea使用Tomcat打开jsp文件页面失败的问题的解决
    问题描述在idea里面使用Tomcat打开jsp文件频繁报错,检查相关路径也没有任何问题,而且用来测试的jsp文件还是最简单的形式,困扰了大概5分钟左右问题解决经过查询百度可知,这次不是路径的问题,而是需要将我们在web文件夹里面创建的jsp文件复制到target文件夹里面保持与target文件夹里......
  • 第三十二章 JSON
    学习要点:1.JSON语法2.解析和序列化前两章我们探讨了XML的结构化数据,但开发人员还是觉得这种微型的数据结构还是过于烦琐、冗长。为了解决这个问题,JSON的结构化数据出现了。JSON是JavaScript的一个严格的子集,利用JavaScript中的一些模式来表示结构化数据。一.JSON语法JSON......