`
zhsq_java
  • 浏览: 61631 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类

js在body的onload的事件里面改变table奇偶行的背景

    博客分类:
  • JS
阅读更多
	//改变table背景
	function changeTableBg(){
		for(var i = 0; i < arguments.length; i++){
			var tableId = arguments[i];
			var changeTr=document.getElementById(tableId).getElementsByTagName("tr");
			for(var j=0;j<changeTr.length;j++){
				changeTr[j].style.backgroundColor=(j%2===0)?"#E5F8FF":"#FFFFFF";
			}
		}
	}
分享到:
评论

相关推荐

    ie中 body onload 和 window onload 解决法案

    在网页开发中,`body.onload` 和 `window.onload` 是两个常见的JavaScript事件处理函数,用于在页面完全加载后执行特定的代码。它们都是用来确保在执行任何操作之前,页面的所有资源(包括HTML、CSS、JavaScript、...

    js的image onload事件使用遇到的问题

    标题中所提到的知识点是“js的image onload事件使用遇到的问题”,这涉及到JavaScript中Image对象的onload事件处理。在Web前端开发中,onload事件是一个非常重要的概念,主要用于处理图片或者其他资源加载完成后的...

    javaScript的onload事件例子

    javaScript的onload事件的代码,javaScript内嵌在html中。

    JS 实现Table相同行的单元格自动合并示例代码

    在HTML文档的`&lt;body&gt;`标签中,我们通过`onload`事件触发器调用了`autoRowSpan`函数,并指定了表格对象`tb`、起始行`0`和列索引`0`作为参数。这意味着合并从表格的第一行和第一列开始进行。 在HTML部分,我们创建了...

    脱离document.onload和window.onload的onload事件

    脱离document.onload和window.onload的onload事件,可多次添加加载事件!

    Axure夜话之中继器系列视频教程之中继器表格奇偶行换色.rar

    这通常是在中继器的OnLoad事件中完成的,通过设置行的背景颜色属性,根据奇偶性条件应用相应的CSS类。 5. **交互事件**:在Axure RP中,我们可以通过设置中继器的OnChange事件,当数据发生变化时自动更新行的样式。...

    JQuery-- onload,ready方法详细解说

    在 JavaScript 库中,JQuery 提供了两种事件处理机制,即 onload 和 ready。它们都是在页面加载完成后触发的事件,但是它们之间有着一定的区别。 首先,我们需要了解这两种事件的触发时机。在页面加载完成后,会...

    js实现table分页可以动态生成table

    在JavaScript中实现表格(table)分页是一种常见的需求,特别是在数据量较大的网页应用中,为了提高用户体验和加载速度,我们通常会将数据分页展示。本文将深入探讨如何使用JavaScript来实现这一功能,并结合给定的...

    js onload事件不起作用示例分析

    在探讨JavaScript中onload事件在JSP页面上不起作用的问题时,可以深入分析几个关键知识点,包括onload事件的基本概念、在JSP页面中使用onload事件的正确方式,以及可能导致onload事件失效的具体原因和解决办法。...

    js的onload事件及初始化按钮事件示例代码

    这个事件在多种HTML标签上都可用,包括`&lt;body&gt;`、`&lt;frame&gt;`、`&lt;frameset&gt;`、`&lt;iframe&gt;`、`&lt;img&gt;`、`&lt;link&gt;`和`&lt;script&gt;`。`onload`事件的两种常见用法是直接在HTML元素内定义,或者在JavaScript代码中设置。 1. ...

    页面中body onload 和 [removed] 冲突的问题的解决

    而 `window.onload` 是JavaScript中的一个全局事件,它会在整个页面,包括所有外部资源都完全加载完成后触发。由于 `window.onload` 的触发条件更严格,因此它通常会比 `body.onload` 晚触发。 当我们在同一个页面...

    利用JQuery和JS实现奇偶行背景颜色自定义效果

    本文将详细探讨如何利用JavaScript(JS)和JQuery库实现网页中表格行(tr元素)的奇偶行背景颜色自定义效果。奇偶行背景颜色差异化是一种常见的用户界面改进,它有助于提高数据的可读性和视觉效果。本文将介绍两种...

    js动态创建Table

    记得在页面加载完成后执行这些操作,可以使用`window.onload`或`DOMContentLoaded`事件。 总结,创建动态表格涉及的主要知识点包括: 1. DOM操作:创建元素、添加子元素、获取和设置属性。 2. `innerHTML`属性:...

    JavaScript(js)处理的HTML事件、键盘事件、鼠标事件简单示例

    在JavaScript中,事件(Events)是用户或浏览器与页面交互时触发的特定动作,比如点击按钮、按下键盘上的键或者移动鼠标。本文将详细介绍如何使用JavaScript处理HTML事件、键盘事件和鼠标事件。 ### HTML事件处理 ...

    javascript实现table选中的行以指定颜色高亮显示的方法

    此外,本文还提到了一些其他的技巧和注意事项,比如在页面加载完成时通过`body onload`属性自动执行`IniEvent`函数,确保在页面元素加载完毕后才绑定事件,以避免可能出现的事件绑定错误。 当然,为了使代码更加...

    js之onload事件的一点使用心得

    本文将深入探讨onload事件在JavaScript中的使用心得,以及如何正确地利用这一事件来确保相关代码在页面加载完毕后执行。 首先,必须明确的是,window.onload和window.load并非只是简单的页面加载完成时的事件触发器...

    js table行的上下移动,置顶置底,支持ctrl多选

    在JavaScript编程中,表格(Table)是常见的数据展示方式,特别是在网页交互中。本文将详细介绍如何使用JavaScript实现表格行的上下移动、置顶和置底功能,并支持Ctrl多选、选中行样式改变以及行号显示等实用特性。 ...

    用JS(javascript)从另一个html中读取标题和正文body

    在JavaScript中,从一个HTML文件读取另一个HTML文件的标题和正文body是常见的跨文档通信需求,这在处理网页间的数据交互或者动态加载内容时尤为有用。以下将详细讲解实现这一功能的方法、步骤以及相关知识点。 首先...

    CSS2+JS实现table隔行变色

    在CSS2中,我们可以利用`:nth-child()`伪类选择器来为表格的偶数行或奇数行添加不同的背景颜色。以下是一个简单的CSS代码示例: ```css table { width: 100%; border-collapse: collapse; } tr:nth-child(even) ...

Global site tag (gtag.js) - Google Analytics