js修改td的值_js 获取td 中的class

Ⅰ js怎样使用appendChild 给table 增加tr td

设置table的class为test。

JS代码如下：

var t=document.getElementsByClassName("test")[0];

var tr=document.createElement("tr");

var td1=document.createElement("td");

var td2=document.createElement("td");

var td3=document.createElement("td");

td1.innerHTML="c-01";

td2.innerHTML="c-02";

td3.innerHTML="c-03";

tr.appendChild(td1);

tr.appendChild(td2);

tr.appendChild(td3);

t.prepend(tr);

(1)js修改td的值扩展阅读：

js中常用追加元素的方法：

1、append()：在父级最后追加一个子元素。

$(".append").click(function(){

$("#wrap").append("<p class='three'>我是子元素append</p>");

});

2、appendTo()：将子元素追加到父级的最后。

$(".appendTo").click(function(){

$("<p class='three'>我是子元素appendTo</p>").appendTo($("#wrap"));

});

3、prepend()：在父级最前面追加一个子元素。

$(".prepend").click(function(){

$("#wrap").prepend("<p class='three'>我是子元素prepend</p>");

});

Ⅱ js 如何获取<td>标签的值

$("td")是获取的所有td标签
通过循环遍历
也可以通过下标获取
$("td").eq(0).text();这是获取下标为0的值也就是第一个td
$("td").each(function(){
var
val
=
$(this).text();//获取td标签里面的内容
如果获取不到改成
.html()
});
如果只想获取某一个td的值那就在那个td上加个id
var
val
=
$("#id").text();
如果想获取一部分td的值
那就在这些td上
写上一样的name值
$("td[name='name']").each(function(){
var
val
=
$(this).text();//获取td标签里面的内容
如果获取不到改成
.html()
});

Ⅲ js 获取td 中的class

最快捷的方复式还是使用jquery，通制过$("td .blue")就可以拿到class为blue的所有td了，而要拿到所有td里面的值，可以这样：
var arr=$("td .blue");
var values=new Array();
for(var i=0;i<arr.length;i++){
var td=arr[i].innerHTML;
values[i]=td;
}
要看到这些值就可以遍历values这个数组：
for(var i=0;i<values.length;i++){
alert(values[i]);
}

Ⅳ html JS 获取tr/td 表单元素下面的各个值

这是获来得每个源tr 中td 的内容
<script>
$('#myTableProct tr').each(function(index,ele){
$(this).find('td').each(function(index,ele){
alert($(ele).html());
})
})
</script>
不用谢我

------君少

Ⅳ js 通过td的id值如何拿到tr的id值(动态获取)

错误出在document.getElementById(dd)
因为页面上id为2的出现了多个，而这样获取只会取到第一个，所以tr始终为相应的第1个.

按照你的写法，用dd来保存tr的行数比较好，即i值。
然后通过document.all.table1.rows(i).id来获取tr的id值。

Ⅵ js选择td标签中的数字时！如何实现多选

<html>
<head>
<script language="javascript">

function $(taglib)
{return document.getElementById(taglib);
}
function selectdata(tag,e)
{var cur=-1;
var tabobj=$("choose_data");
var trobj=tabobj.rows[0];
var tdobj=trobj.cells;
var bg="#00F";
var fg="#FFF";
if(e!=null&&e.srcElement.tagName.toLowerCase()=="td")
{cur=parseInt(e.srcElement.innerHTML);
e.srcElement.style.background=bg;
e.srcElement.style.color=fg;
$("result").value+=cur;
return false;
}
for(i=0;i<tdobj.length;i++)
{var tmp=parseInt(tdobj[i].innerHTML);
if((tag=="big" && tmp>4)||(tag=="small" && tmp<=4)||(tag=="odd" && tmp%2!=0)||(tag=="even" && tmp%2==0)||tag=="all")
{tdobj[i].style.background=bg;
tdobj[i].style.color=fg;
}

else{
tdobj[i].style.background="#FFF";
tdobj[i].style.color="#000";
}
}
}
</script>
</head>
<body>
<table border=1 id="choose_data" onclick="selectdata('none',event);">
<tr>
<td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td>
</tr>
</table>
<span onclick="selectdata('big')">大</span>，<span onclick="selectdata('small')">小</span>，<span onclick="selectdata('odd')">单</span>，<span onclick="selectdata('even')">双</span>，<span onclick="selectdata('all')">全</span>，<span onclick="selectdata('none')">清</span>
<br/>
<input id="result"/>
</body>
</html>

要学会举一反三哦

Ⅶ JS怎样使用appendChild 给table 增加tr td

insertRow（）函数可以带参数，形式如下：这个函数将新行添加到index的那一行前，比如insertRow（0），是将新行添加到第一行之前，默认的insertRow（）函数相当于insertRow（－1），将新行添加到表的最后。

<scriptlanguage="JavaScript">

vart＝document．getElementById（＂test＂）；

t.innerHTML="<tr><td>数据</td></tr>";

／／或者

vart＝document．getElementById（＂test＂）；

vartr＝document．createElement（＂tr＂）；

vartd＝doucment．createElement（＂td＂）；

td．innerHTML＝＂数据＂；

tr．appendChild（td）；

t．appendChild（tr）；

｝

</script>

(7)js修改td的值扩展阅读：

给table添加一行

1、＄（＂＃addTable＂）．click（function（）｛；

2、vartr="<tr>"+；

3、"<td>11</td>"+；

4、"<td>22</td>"+；

5、"<td>33</td>"+；

6、"<td>44</td>"+；

7、"<td>55</td>"+；

8、"</tr>";

9、＄（＂．layui－table＂）．append（tr）；

Ⅷ HTML中js怎么用某个td标签的onclick（）来获取另一个td标签中的文本值

<tr>
<td>111</td>
<td onlick=fun(this)></td>
</tr>
function fun(e){
e.previousElementSibling.innerHTML
}
亲测可以

this获取当前点击的是哪个元素 previousElementSibling获取上一个专兄弟元素
点击谁就获属取谁的上一个兄弟元素 innerHTML为内容解决请采纳欢迎追问纯手码

导航:首页 > 编程语言 > js修改td的值

js修改td的值

与js修改td的值相关的资料

友情链接