js获得表单中某个单元格的值

js获得表单中某个单元格的值,第1张

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下的某个标签的某个属性值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9880598.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-02
下一篇 2023-05-02

发表评论

登录后才能评论

评论列表(0条)

保存