`
zuzong
  • 浏览: 115729 次
  • 性别: Icon_minigender_1
  • 来自: 济南
社区版块
存档分类
最新评论

JS不显示元素

    博客分类：
  • UI
 
阅读更多 
<script type="text/javascript">  
   		
    function aa(){
    	document.getElementById("btn1").style.display="none";   	
    	}

    function bb(){
    	document.getElementById("btn-a").style.visibility="hidden";   	
    	}
    	
</script>    
  
<body>  
	虽然用了两种按钮元素，但他们的JS效果是一样的，这两种JS效果他们都可以使用
<p>
	这个是不显示按钮，并改变布局：<br><br>
	<button id="btn1" type="button">按钮1（button标签）</button>----
	<button id="btn2" type="button" onclick="aa()">按钮2（button标签）</button>
	</p>
	
		这个是不显示按钮，但不改变布局：<br><br>
<input id="btn-a" type="button" value="按钮1（input的button）" />------
<input id="btn-b" type="button" value="按钮2（input的button）"  onclick="bb()"/>
</body>
分享到：
| （zt）Eclipse快捷键大全
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    CSS或者JS实现鼠标悬停显示另一元素

    想达到鼠标悬停到元素a上，显示另一个元素b，可以通过css实现也可以通过js实现。 js: 写两个函数：mouseenter，mouseleave，例如：其中 $("#a").mouseenter(function() { $("#b").show("normal"); }); $("#a")....

    JS 隐藏同级的元素后只显示JS文件

    // 上述隐藏和显示元素的代码 }); ``` 综上所述，这个场景涉及到的JavaScript知识点包括： 1. DOM操作：选择、遍历和修改HTML元素。 2. CSS属性操作：通过JavaScript改变`style.display`属性以控制元素的可见性...

    javascript获取隐藏元素(display:none)的高度和宽度的方法

    另外，这种方法主要是通过改变元素的显示状态来获取尺寸，所以并不适用于所有场景，特别是那些对页面布局和元素可见性有严格要求的应用。在实际应用中，应当根据具体的业务需求和页面布局情况，选择最合适的方法。 ...

    js控制隐藏显示table特定列

    JavaScript 控制隐藏显示 TABLE 特定列 在 HTML 中，我们经常需要控制 TABLE 的显示和隐藏，特别是在数据表格中，需要根据用户的选择来显示或隐藏某些列。今天，我们将介绍使用 JavaScript 控制隐藏显示 TABLE 特定...

    js 监听 隐藏元素的变化事件

    对隐藏元素的监听，例如，隐藏的input框，普通change事件是无法监控的。

    js/jquery实现的指定元素的隐藏显示

    // 使用jQuery显示元素 $('#myElement').show(); ``` jQuery还提供了一个`toggle()`方法，可以方便地在隐藏和显示之间切换元素： ```javascript // 使用jQuery切换元素的显示状态 $('#myElement').toggle(); ``` ...

    js实现网页上dom元素拖动 并实时显示坐标效果.rar

    5. **实时坐标显示**：为了在拖动过程中显示元素的实时坐标，可以在`mousemove`事件中获取元素的新坐标，并将其显示在页面的某个位置，如元素的角标或者控制台。 6. **边界限制**：有时我们需要限制元素的拖动范围...

    Javascript实现网页元素拖拽排序

    此外，为了实现良好的用户体验，我们还可以添加一些视觉反馈，比如在拖动过程中改变元素的透明度，或者在可放置区域显示一个指示器。这可以通过CSS和JavaScript联合实现。 最后，如果需要保存排序结果，可以通过...

    3D元素周期表

    每个元素的信息，包括名称、符号、原子序数、相对原子质量等，都可以被编码为JSON对象，然后在JavaScript中解析并显示。这样不仅便于数据的管理和更新，也提高了代码的可读性和可维护性。 在实际应用中，3D元素周期...

    动态元素周期表 js 高级特效

    在IT行业中，JavaScript（简称js）是一种广泛使用的前端编程语言，尤其在网页交互效果和动态内容展示方面表现突出。本文将深入探讨如何利用JavaScript实现一个动态元素周期表的高级特效。 首先，我们要理解元素周期...

    js 元素拖拽效果

    在JavaScript（JS）中实现元素拖拽效果是一项常见的交互设计技术，它允许用户通过鼠标或触摸设备移动页面上的元素，从而提升用户体验。本教程将详细解释如何创建一个基本的元素拖拽功能，并演示如何将拖动的元素放入...

    javascript 控制 html元素 显示/隐藏实现代码

    display属性可以是block（块级元素）、inline（内联元素）或者none（不显示）。JavaScript可以通过操作这些CSS属性来控制元素的显示状态。 在提供的代码示例中，我们首先为要控制的HTML元素添加了一个id属性，比如...

    元素周期表 JS实战优化版.zip

    本项目“元素周期表 JS实战优化版”就是一个很好的示例，它展示了如何利用JavaScript来构建一个功能完善的交互式元素周期表。下面我们将深入探讨这个项目的各个组成部分及其背后的知识点。 首先，`index.html`是...

    js时间控件大全 只显示年月

    在实现这两个控件时，开发者可能使用了HTML5的`&lt;input type="date"&gt;`元素，虽然原生的HTML5日期控件不支持自定义显示格式，但可以通过JavaScript进行扩展和覆盖。另一种可能的方法是使用第三方库，如jQuery UI的...

    动态显示当前时间的js

    总结来说，"动态显示当前时间的js"是一种利用JavaScript Date对象和定时器功能实现网页上实时更新当前时间的技术。通过理解和应用这些知识，开发者可以创建各种动态时间显示功能，适应不同项目的需求。

    js显示时间 农历 节日节气 - 自动刷新不带格式

    本文将深入探讨如何使用JavaScript实现这些功能，并基于提供的"js显示时间 农历 节日 - 自动刷新不带格式.html"文件进行讲解。 1. **JavaScript 获取当前时间** JavaScript 的 `Date` 对象是处理日期和时间的核心...

    通过js给html元素赋值

    在网页开发过程中，JavaScript（简称JS）是一种非常重要的客户端脚本语言，常用于动态地控制HTML页面中的元素。本文将详细介绍如何使用JavaScript为HTML元素赋值，并探讨多种赋值方法。 #### 基础概念 在Web开发中...

    js for循环中实现进度条 & 快速解决js动态改变dom元素属性后页面及时渲染的问题

    js for循环中实现进度条 & 快速解决js动态改变dom元素属性后页面及时渲染的问题

    js代码高亮显示 JavaScript代码高亮 jsp

    JavaScript代码高亮显示是提高代码可读性的关键工具，通过使用像Highlight.js或Prism.js这样的库，可以在JSP页面上轻松实现这一功能。了解如何正确地集成和配置这些库，可以帮助开发者创建更专业、更易于阅读的代码...

Magicbox
Global site tag (gtag.js) - Google Analytics