① js 用getElementsByTagName怎么获取其中一个元素的style
<intputtype="text"name="vv"value=""style="height:100px;"/>
<script>
varh=document.getElementsByTagName("input")[0].style.height;
aler(h)
</script>
② 如何通过js获取css外联样式表的样式
1 首先你要在head中引用样式表
2 既然你已经引用了 直接调用就行 没有影响的，就跟用页面内样式是一样的
③ JS怎样才能获得非行内样式
你好，
JS获取非行内样式的值是一个比较常见的问题，特别是使用原生JS开发项目的时候，经常会用到，考虑到兼容性问题，主要会涉及到两个方法：currentStyle和getComputedStyle。
functioncss(node,prop,val){
if(val){
//设置css属性
node.style[prop]=val;
}else{
//读取属性
if(node.currentStyle){
returnnode.currentStyle[prop];
}else{
returngetComputedStyle(node,null)[prop];
}
}
}上面的函数封装了读取和设置css属性的功能，并且解决了兼容性问题，使用方法很简单：
varbd=document.body;
//设置body的背景颜色
css(bd,'backgroundColor','#f00');//设置为红色背景
//读取body的背景颜色
css(bd,'backgroundColor');//rgb(255,0,0)
希望能解决你的问题。
④ js怎样获得table样式
创建和插入例子，按需自改
/** * 创建表格 * 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 = 0; i < arr.length; i++) { 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=0;i<arr.length;i++){ var col = row.insertCell(); col.innerHTML = arr[i]; //col.innerText = arr[i]; col.setAttribute("title",arr[i]); } }
⑤ 如何通过js获取style里面的所有样式信息啊
<html>
<head>
<title></title>
</head>
<body>
<divstyle="display:none;font-size:15px;font-weight：bold;">
</div>
</body>
<script>
vardivStyle=docuemnt.getElementsByTagName('div');
conslole.log(divStyle[0].style.cssText);
</script>
</html>
获取首个div的style