javascript提供了获取表格中某一行单元格数的代码,参考如下:
documentgetElementById('first')cellslength // 获取id为first的行的单元格数目
实例演示如下:
创建Html元素
<div class="box">
<span>实例演示:获取表格第一行的单元格数量</span>
<div class="content">
<table>
<tr id="first"><td>1</td><td>2</td><td>3</td></tr>
<tr><td>4</td><td>5</td><td>6</td></tr>
<tr><td>7</td><td>8</td><td>9</td></tr>
</table>
<input type="button" value="获取表格第一行的单元格数量" onclick="fun_get()">
</div>
</div>
简单设置一下css样式
divbox{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}
divbox>span{color:#999;font-style:italic;}
divcontent{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}
table{border-collapse:collapse;}
td{width:80px;height:30px;line-height:30px;text-align:center;border:1px solid green;}
编写jquery代码
<script>
function fun_get(){
alert(documentgetElementById('first')cellslength);
}
</script>
1JS方法:
<script>windowonload=function(){
var va = documentgetElementById("d1")childNodes;
for(var i=0;i<valength;i++){
if(va[i]nodeNametoLocaleUpperCase() == "A"){
alert("JS: "+va[i]attributes["linkId"]nodeValue);
}
}
};
</script>
2 Jquery方法:
<script src="jquery-191minjs" type="text/javascript"></script>
<script>
$(document)ready(function(){
$("#d1 a")each(function(){
alert("Jquery: "+$(this)attr("linkId"));
});
});
</script>
JS 获取HTML标签内的子节点的方法
子节点的个数:
documentgetElementById("id")childNodeslength
注意: 标签开/闭合算2个节点 第几个子几点:
documentgetElementById("id")childNodes[n]
示例:
这里是 length-4 处,margin-left:20px
输出:length=8
实例:
<div id="page_kx" style="text-align: center;" class="tac"> <span class="fy2">1</span> <a href="#">2</a> <a href="#">3</a> <a href="#">4</a> <a href="#">5</a> <a href="#">下一页</a> <a href="#">末页</a> </div> <script> var gor=documentgetElementById("page_kx"); var gorL=Number(gorchildNodeslength)-4; gorchildNodes[gorL]stylemargin="0 0 0 20px"; </script>
使用JavaScript获取某个元素的属性值可以使用jQuery中的选择器+attr()方法。
工具原料:编辑器、浏览器
1、实现的思路是先使用选择器通过id获取到这个元素,然后使用attr方法获取某个属性的值,代码如下:
<div id="div1" class="test"></div>
<script>
consolelog($('#div1')attr('class'));
</script>
2、运行的结果是获取到了class的值test,如下图:
1、这个函数来自Rico,Longbill及Dnewcn修改。
2、说明: 传入参数一个,为元素的id值或元素本身,返回为元素的真实背景色值(字符串)。背景值均为16进制的值(原代码是是IE里面返回的是16进制的值,而Mozilla则是rgb值,Dnewcn将其修改为均返回16进制的值)。
3、代码如下:
<html><head>
<title>得到元素真实的背景颜色</title>
<style>
classname {background-color:#ff99dd;}
#div3 {background-color:#d8bfd8;}
div {background-color:#87cefa;border:1px solid #333333;margin:10px;padding:4px;}
body {background-color:#bed742;}
#div4 {background-color:transparent;}
</style>
</head>
<body>
<span style="text-align:center;font-size:20px;color:#ff7f50;width:100%;">得到元素真实的背景颜色 <font style="font-size:12px;">By <a href=
<div id='div1'>div1 直接通过div标签定义背景色(#87cefa)</div>
<div id='div2' class=classname>div2 通过class name定义背景色(#ff99dd)</div>
<div id='div3'>div3 通过id定义背景色(#d8bfd8)</div>
<div id='div4'>div4 这是一个透明的div,背景色应为上一个元素的颜色(#bed742)</div>
<button onclick="go()">getBg()</button>
<script>
function getBg(element)
{//author: Longbill (
)
//dnewcn修补
var rgbToHex=function(rgbarray,array){
if (rgbarraylength < 3) return false;
if (rgbarraylength == 4 && rgbarray[3] == 0 && !array) return 'transparent';
var hex = [];
for (var i = 0; i < 3; i++){
var bit = (rgbarray[i] - 0)toString(16);
hexpush((bitlength == 1) '0' + bit : bit);
}
return array hex : '#' + hexjoin('');
}
//---------------
if (typeof element == "string") element = documentgetElementById(element);
if (!element) return;
cssProperty = "backgroundColor";
mozillaEquivalentCSS = "background-color";
if (elementcurrentStyle)
var actualColor = elementcurrentStyle[cssProperty];
else
{
var cs = documentdefaultViewgetComputedStyle(element, null);
var actualColor = csgetPropertyValue(mozillaEquivalentCSS)match(/\d{1,3}/g);
//-----
actualColor = (actualColor) rgbToHex(actualColor) : "transparent";
}
if (actualColor == "transparent" && elementparentNode)
return argumentscallee(elementparentNode);
if (actualColor == null)
return "#ffffff";
else
return actualColor;
}
function go()
{
for(var i=1;i<=4;i++) eval("alert('div"+i+":'+getBg('div"+i+"'));");
}
</script>
</body>
</html>
js中获取某个元素到浏览器最左和最右的距离的程序代码是:
<!doctype ><><head><meta charset=UTF-8><style>
body{margin: 0;padding: 0;}
mdiv{width: 100px;height: 100px;background-color: red;}
</style></head><body><div class="page_speeder_585337571"></div><div></div><script src=jqueryjs></script> //自行下载<script>//原生//获取div距离顶部的距离
var mTop = documentgetElementsByClassName('banner')[0]offsetTop;
//减去滚动条的高度var sTop = documentbodyscrollTop;var result = mTop - sTop;consolelog(result);//Jquery
mTop = $('banner')[0]offsetTop;
sTop = $(window)scrollTop;
result = mTop - sTop;
consolelog(result);
</script></body>
以上就是关于js获得表单中某个单元格的值全部的内容,包括:js获得表单中某个单元格的值、html JS中如何获取某ID下的某个标签的某个属性值、html JS中如何获取某ID下的某个标签的某个属性值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)