用javascript如何取出<td>中的title属性的值

用javascript如何取出<td>中的title属性的值,第1张

先给 td 加个ID

<td align="center" valign="top" title="zxd" id="aa"></td>

var id = documentgetElementById("aa");

var t = idtitle;

我想这就是你想要的:

<html>

<head>

<script language="javascript">

function $(taglib)

{return documentgetElementById(taglib);

}

function selectdata(tag)

{var tabobj=$("choose_data");

var trobj=tabobjrows[0];

var tdobj=trobjcells;

var bg="#00F";

var fg="#FFF";

for(i=0;i<tdobjlength;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]stylebackground=bg;

tdobj[i]stylecolor=fg;

}

else{

tdobj[i]stylebackground="#FFF";

tdobj[i]stylecolor="#000";

}

}

}

</script>

</head>

<body>

<table border=1 id="choose_data">

<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>

</body>

</html>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" ">

你这段js放在哪的?如果在head里,dom都没有加载完,他就执行了,当然找不到相应的元素了。。。所以要写在加载事件之后。。。

windowonload = function() {

    var kkk = documentgetElementById('kkk'),

        qwe = documentgetElementById('qwe');

    if (kkkinnerText == "qqq") {

        kkkstyledisplay = "none";

    }

    if (qweinnerText == "qqq") {

        qwestyledisplay = "none";

    }

}

另外,一般会有个触发机制,上边这样写是能实现的,但是真正用的时候肯定不这么写

jquery 版的

$(document)ready(function(){

var st1r="";

$("td")each(function(){ st1r+=$(this)html()+",";alert( st1r)})

});

这个是通过判断里面是否有td ,如果有td,都提取里面的值。

以上就是关于用javascript如何取出<td>中的title属性的值全部的内容,包括:用javascript如何取出<td>中的title属性的值、js中如何获取td标签中的文本...在线等到[高分求问]、怎么获取jsp中table里面td文本值的值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址:https://54852.com/web/9596209.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存