`

页面表格的显示和隐藏（2）

JavaScriptHTML 
阅读更多

页面控制显示和隐藏

 

<script language="javascript">
function show(){
if(table1.style.display=="none"){
table1.style.display="block";
div.innerHTML="隐藏";
}else{
table1.style.display="none";
div.innerHTML="显示";
}
}
</script>
<html>
<p><a href="javascript:show();" id="div">隐藏</a></p>
<table width="100" border="1" cellspacing="5" cellpadding="10" id="table1" style="display:">
  <tr>
    <td>哈哈</td>
  </tr>
</table>
</html>

代码拷贝出来存为html文件直接有效果，改iframe的显示和隐藏小Kiss了，如果这再不会改，可以回家放羊了 

分享到：
| 针对IBM一道面试题及解答以后的一个思考， ...
评论
发表评论

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

相关推荐

    表格的显示与隐藏，以及滚动轮的隐藏

    主要用于隐藏表格，和滚动轮，在编写页面时能够起到美化页面的作用。

    控制WEB中表格的显示和不显示

    ()"&gt;切换表格显示 function toggleTableVisibility() { var table = document.getElementById('tableId'); if (table.style.display === 'none') { table.style.display = 'table'; } else { table.style....

    jquery拖动的table表格的宽度隐藏表格中的内容

    在网页设计中，jQuery 是一个广泛使用的 JavaScript 库，它极大地简化了JavaScript代码，使得诸如交互式表单、动画效果和动态页面元素等任务变得容易。在这个特定的问题中，我们关注的是如何使用jQuery来实现一个可...

    jQuery实现表格内容的查找和隐藏

    这段代码首先在页面加载完成后获取输入框和表格元素的jQuery对象，然后监听输入框的`keyup`事件。当用户输入时，获取关键词并遍历表格的每一行。如果某一行的任意单元格包含关键词，就显示该行，否则隐藏。注意这里...

    jQuery实现表格动态修改和隐藏 实例

    4. **隐藏和显示表格**：要隐藏表格，可以使用`$("table").hide()`，反之，使用`$("table").show()`可使其显示。还可以控制动画效果，如`$("table").fadeIn()`和`$("table").fadeOut()`。 5. **事件处理**：jQuery...

    网页设计div的显示和隐藏

    2. **弹窗**：通常使用`display`来控制弹窗的显示与隐藏，以确保弹窗不显示时不占用任何空间，从而减少对页面布局的影响。 3. **响应式设计**：在不同的屏幕尺寸下切换元素的显示与隐藏，以适应不同设备的展示效果。...

    jquery 隐藏显示行

    本文将深入探讨如何利用 jQuery 实现表格行的隐藏与显示功能，同时也会涉及到一些基本的 HTML 和 CSS 知识，以及 jQuery 的核心概念。 首先，HTML 是页面的基础结构，而 CSS 用于定义元素的样式。在 HTML 表格中，...

    jQuery基于Bootstrap.js表格行展开收缩隐藏代码.zip

    2. **Bootstrap的CSS和图标**：Bootstrap的CSS样式用于美化表格和箭头图标，使其看起来更加专业且易于使用。点击后箭头指向的变化是通过CSS伪类实现的，例如`:hover`和`:active`，这使得用户可以直观地看到当前状态...

    css3表格样式产品价格页面表格样式

    通过熟练运用这些CSS3特性，你可以创建出专业且吸引人的产品价格页面表格样式，提升网站的整体质量和用户体验。在实际应用中，可以结合提供的文件“texiao3855_1560681035”进行实践和学习，逐步掌握这些技巧。

    表格排序和表头浮动

    表头浮动，又称为“固定表头”，是指当用户滚动页面时，表格的表头始终保持在视口顶部，这样用户始终能看到当前查看的数据是哪一列。这对于长表格尤其重要，因为它保持了用户对数据列的视觉参考，避免了频繁滚动回...

    Repeater+Jquery实现表格列的隐藏，拖拉，位置交换

    在本项目中，jQuery被用于增强表格的功能，实现了列的隐藏、拖动和位置交换。 列的隐藏功能通常通过监听用户的交互事件（如点击按钮），然后使用jQuery选择器找到对应的表格列，并改变其CSS样式（如设置display属性...

    表格，div等，多余部分隐藏，或者省略显示

    在网页设计和开发中，"表格，div等，多余部分隐藏，或者省略显示"是一个常见的需求，主要是为了优化页面布局，提高用户体验。这个主题主要涉及到CSS中的`overflow`属性和相关的技巧，让我们来深入探讨一下。 首先，...

    layui实现数据表格隐藏列的示例

    为了解决这一问题，从Layui 2.4版本开始，官方引入了`hide`属性，允许在定义列的时候直接设置`hide:true`，从而使得该列在加载时就不被渲染，提高了用户体验和页面性能。 具体实现方式如下： ```javascript table....

    Bootstrap树型表格和多标题表格

    1. **树形结构**：每个表格行都可以展开或折叠，显示或隐藏子级数据，使得数据组织更为清晰。 2. **多标题**：表格可以有多个表头（thead）行，允许更复杂的数据分类和排序，提高了数据可读性。 3. **行内编辑**：...

    Table 表格 表头表尾浮动显示

    3. 调整高度和宽度：为了确保表头和表尾在页面中的正确显示，需要调整它们的高度和宽度，确保与表格内容匹配。 4. 隐藏溢出（overflow: hidden）：可能需要对表格主体部分（tbody）设置`overflow: hidden`，以避免...

    html.rar_html_image_style_多表格_显示表格

    表格(Table)　表格进阶(Advanced)　多窗口页面(Frames) 会移动的文字(Marquee)　多媒体页面(Alternative Inline Elements) 详细目录 页面 文件结构 语言字符集信息 背景色彩和文字色彩 页面空白 链接 开新...

    注册与表格显示.rar

    2. **表格显示**： - **HTML表格**：基础的表格显示通常通过HTML `&lt;table&gt;` 标签实现，包括`&lt;tr&gt;`（行）、`&lt;th&gt;`（表头）和`&lt;td&gt;`（单元格）元素。 - **CSS美化**：通过CSS可以调整表格的样式，如边框、颜色、对齐...

    javascript表格常用操作 表头排序 表头固定 列隐藏 行隐藏

    我们可以遍历表格中的数值单元格，将它们的值相加，并显示在页脚的合计单元格中。使用jQuery，我们可以轻松地选择所有的`&lt;td&gt;`元素，使用`.map()`函数提取数值，再用`.get()`和`.reduce()`计算总和。 "行隐藏"和"列...

    表格、表单提示显示-HTML-代码

    本资源"表格、表单提示显示-HTML-代码"是一个示例，旨在帮助前端开发者了解如何在网页中创建动态的表格和表单提示显示。 首先，HTML表格（`&lt;table&gt;`元素）是展示数据的常用方式。它由`&lt;tr&gt;`（行）、`&lt;td&gt;`（单元格...

    DIV的显示和隐藏.docx

    此外，JavaScript还可以用来控制其他HTML元素的显示和隐藏，比如表格的行(`tr`)或表格(`table`)。只需确保元素具有唯一的`id`，然后在JavaScript中引用这个`id`来调用相应的显示或隐藏函数。 总结来说，通过CSS的`...

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