js怎样获得table样式

JavaScript018

js怎样获得table样式,第1张

创建和插入例子，按需自改

/** * 创建表格 * id 为表格id * arr 为表格表头 */ function createTable(id,arr){ var table = document.createElement('table') table.setAttribute("id",id) table.setAttribute("className","TableLine")//设定样式 table.setAttribute("width",'98%') table.setAttribute("cellpadding",'3') table.setAttribute("cellspacing",'0') var row = table.insertRow() row.style.setAttribute("backgroundColor","#e0e0e0") for (var i = 0i <arr.lengthi++) { var col = row.insertCell() if(i==0){ col.setAttribute("width",'3%') } col.setAttribute("className","border:1px solid #9BC2E0") col.setAttribute("align","center") col.style.fontSize="13px" col.style.fontWeight="Bold" //var style = document.createAttribute("styles") //style.nodeValue = "font-size:large" //col.setAttributeNode(style) col.innerHTML = arr[i] } //alert(table.outerHTML) return table }

/** * 向表格插入一行 */ function addRow(table,id,arr){var row = table.insertRow() row.setAttribute("id",id) row.onclick=function (){} for(var i=0i<arr.lengthi++){ var col = row.insertCell() col.innerHTML = arr[i] //col.innerText = arr[i] col.setAttribute("title",arr[i]) } }

$('#table1').css({

'align' : 'center'

})//jquery的解决方式很完美的，table那里设置相应的id

等效于js中的document.getElementById('table1').style.align="center"