
创建和插入例子,按需自改
/ 创建表格 id 为表格id arr 为表格表头 / function createTable(id,arr){ var table = documentcreateElement('table'); tablesetAttribute("id",id); tablesetAttribute("className","TableLine");//设定样式 tablesetAttribute("width",'98%'); tablesetAttribute("cellpadding",'3'); tablesetAttribute("cellspacing",'0'); var row = tableinsertRow(); rowstylesetAttribute("backgroundColor","#e0e0e0"); for (var i = 0; i < arrlength; i++) { var col = rowinsertCell(); if(i==0){ colsetAttribute("width",'3%'); } colsetAttribute("className","border:1px solid #9BC2E0;"); colsetAttribute("align","center"); colstylefontSize="13px"; colstylefontWeight="Bold";; //var style = documentcreateAttribute("styles"); //stylenodeValue = "font-size:large"; //colsetAttributeNode(style); colinnerHTML = arr[i]; } //alert(tableouterHTML); return table; }
/ 向表格插入一行 / function addRow(table,id,arr){ var row = tableinsertRow(); rowsetAttribute("id",id); rowonclick=function (){}; for(var i=0;i<arrlength;i++){ var col = rowinsertCell(); colinnerHTML = arr[i]; //colinnerText = arr[i]; colsetAttribute("title",arr[i]); } }
给button添加类名btnAttributesAdd("class", "btclass");
前台用jquery遍历改变样式,$('btclass')each(function() { 编写你的代码} )
若都是添加到div2元素下,上面的可以免写,直接用
$('#div2')find(‘:button’)each(function() { 编写你的代码} ) ;
如给button添加onclick事件:
$('#div2')find(‘:button’)each(function() {
$(this)click(function() {编写你的代码})
} ) ;
页面应该是有多个class叫做"checkgread"的元素吧,通过$('checkgread')获取到的是一个jquery对象数组,加上[0]之后,取到的其实还是一个jquery的对象。所以无法使用原生的js方法,可以试试下面的代码
var checkgread =$('checkgread')[0][0];
1、新建一个html文件,命名为testhtml。
2、在testhtml文件内,使用div标签创建一个模块,在div内,使用p标签创建两行文字,用于测试。
3、在testhtml文件内,设置div标签的id为mytest,主要用于下面通过该id获得div对象。
4、在testhtml文件内,使用button标签创建一个按钮,按钮名称为“删除div里的内容”。
5、在testhtml文件中,给button按钮绑定onclick点击事件,当按钮被点击时,执行delcon()函数。
6、在js标签中,创建delcon()函数,在函数内,通过getElementById()方法利用id(mytest)获得div对象,通过将对象的innerHTML设置为空,实现删除div里的内容,但不删除div本身。
以上就是关于js怎样获得table样式全部的内容,包括:js怎样获得table样式、ASP.NET C# 请问大家,后台生成的HtmlInputButton,怎么引用通过点击改变它的样式、用jquery去获取元素 用原生js去写样式为什么 会报错等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)