如何用javascript获得页面一个元素的值

tangguowei 2009-12-04 03:00:40
在页面中是这样的:
<a class="on" id="sa1">链接1</a>
<a class="off" id="sa2">链接2</a>
<a class="off" id="sa3">链接3</a>
<a class="off" id="sa4">链接4</a>
<a class="off" id="sa5">链接5</a>

在javascript中我需要用到页面中处于选中状态on的链接的id值sa1

然后把sa1中的sa去掉,得到数字1,用javascript怎么写

...全文
302 6 打赏 收藏 转发到动态 举报
写回复
用AI写文章
6 条回复
切换为时间正序
请发表友善的回复…
发表回复
Click_Me 2009-12-04
  • 打赏
  • 举报
回复

/(^|\s)on(\s|$)/g.test(O[i].className // 靠把我3楼的\\s换成 \s 笔误了
sohighthesky 2009-12-04
  • 打赏
  • 举报
回复
[Quote=引用 4 楼 shenzhennba 的回复:]
function getElementsByClassName(tag,tagClassName){
//tag: 要查找的标签
//tagClassName:标签的样式名
var olist=document.getElementsByTagName(tag);
var v;
for(var i=0;i <olist.length;i++)
  {
    if(olist[i].className.toLowerCase()==tagClassName.toLowerCase()){
        v=olist[i].id.substr(olist[i].id.length-1,1)
        break;
        }
  }
alert(v);
}

应用:
getElementsByClassName("a","on")
[/Quote]
晕,怎么能这么?多个class就查找不到了
也贴一个吧

var getByClass=function(cla,scope,tag) {
scope=scope || document;
if(scope.getElementsByClassName)//非IE中,使用原生的效率应该更高
return scope.getElementsByClassName(cla);
tag=tag || "*";
var els=scope.getElementsByTagName(tag);
var length=els.length;
for(var i=0,res=[],l=0,cur;i<length;i++) {
cur=els[i];
if(typeof(cur.className)!=="undefined" && cur.className.search("\\b"+cla+"\\b") != -1) {
res[l++]=cur;//使用索引来访问数组
}
}
return res;
}
shenzhenNBA 2009-12-04
  • 打赏
  • 举报
回复
[Quote=引用楼主 tangguowei 的回复:]
在页面中是这样的:
<a class="on" id="sa1">链接1 </a>
<a class="off" id="sa2">链接2 </a>
<a class="off" id="sa3">链接3 </a>
<a class="off" id="sa4">链接4 </a>
<a class="off" id="sa5">链接5 </a>

在javascript中我需要用到页面中处于选中状态on的链接的id值sa1

然后把sa1中的sa去掉,得到数字1,用javascript怎么写
[/Quote]

function getElementsByClassName(tag,tagClassName){
//tag: 要查找的标签
//tagClassName:标签的样式名
var olist=document.getElementsByTagName(tag);
var v;
for(var i=0;i<olist.length;i++)
{
if(olist[i].className.toLowerCase()==tagClassName.toLowerCase()){
v=olist[i].id.substr(olist[i].id.length-1,1)
break;
}
}
alert(v);
}

应用:
getElementsByClassName("a","on")
Click_Me 2009-12-04
  • 打赏
  • 举报
回复

<a class="on" id="sa1">链接1 </a>
<a class="off" id="sa2">链接2 </a>
<a class="off" id="sa3">链接3 </a>
<a class="off" id="sa4">链接4 </a>
<a class="off" id="sa5">链接5 </a>
<script type="text/javascript">
<!--
(function(){
var O = document.getElementsByTagName('a');
for(var i = 0, len = O.length; i < len; i++){
if(/(^|\\s)on(\\s|$)/.test(O[i].className)){
alert(O[i].id.replace(/[^0-9]/g,''));
}
}
})();
//-->
</script>
zhangshaolongjj 2009-12-04
  • 打赏
  • 举报
回复
window.onload=function(){
var rt = document.getElementsByTagName('A');
var aa = -1;
for(var i=0;i<rt.length;i++){
if(rt[i].className=="on"){
aa = rt[i].id.replace(/\D/g,"");
}
}
alert(aa);
}
zhangshaolongjj 2009-12-04
  • 打赏
  • 举报
回复
onclick=alert(this.className)

87,994

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧