JS:按钮单击时,如何获得自己的ID

JS:按钮单击时,如何获得自己的ID,第1张

答案

将html代码改为

<input id='btn1' type='button' onclick='test(this)' title=23 value='保存' />

其中加粗的this是相对你的代码增加的部分。

然后在你页面的js中写一个函数如下:

function test(element){

alert(elementid)

}

演示

我为此问题写了一个测试页面,可以在线测试代码。

这是演示页面的结构:

现在点击保存按钮

d出的提示就是按钮的ID

直接js代码:

documentgetElementById("west")innerHtml="新的内容";

jquery代码:

$('#west')html('新的内容');

使用jquery可以比js更方便的 *** 作页面的元素,而且对浏览器ie6的兼容性好,建议使用jquery

JS获取用户控件中的子控件Id

用户控件

<asp:HiddenField ID="hfGradeId" runat="server" />

<asp:HiddenField ID="hfClassId" runat="server" />

//获取用户控件中子控件真实id,用于在页面中的js中调用,调用方法

public string GradeClientID

{

get { return thishfGradeIdClientID; }

}

public string ClassClientID

{

get { return thishfClassIdClientID; }

}

调用用户控件页面使用

if($('#<%=ddlGradeAndClassGradeClientID %>')val()=="-1"||$('#<%=ddlGradeAndClassGradeClientID %>')val()==""){

alert("请选择年级!");

return false;

}

if($('#<%=ddlGradeAndClassClassClientID

%>')val()=="-1"||$('#<%=ddlGradeAndClassClassClientID

%>')val()==""){

alert("请选择班级!");

return false;

}

你好!

两个方法是一样的,

另外,对于string,number等基础类型,==和===是有区别的

1)不同类型间比较,==之比较“转化成同一类型后的值”看“值”是否相等,===如果类型不同,其结果就是不等

2)同类型比较,直接进行“值”比较,两者结果一样

如果对你有帮助,望采纳。

通过函数参数this,将自身传递给函数。从而获取对象的name与id属性。具体代码如下:

<script language=javascript>

function temp(get_obj)

{

alert(get_objname);

alert(get_objid);

}

</script>

<body>

<input type="button" name="n1" id="bu1" value="第一个" onclick=temp(this)>

<input type="button" name="n2" id="bu2" value="第二个" onclick=temp(this)>

<input type="button" name="n3" id="bu3" value="第三个" onclick=temp(this)>

</body>

测试可用。

先获取img标签,再访问id值

步骤

1、定义一个img

<body>

   <img src='' id='test'/>

</body>

2、通过getElementsByTagName方式获取img

var imgs = documentgetElementsByTagName('img');

alert(imgs[0]id);//获取img的id值test

这个好根据情况来用了,在不想定义id,name属性的情况下找到某个标签是很麻烦的一件事,如果你的页面上只有这6个Div,除了这6个再也没有Div的话可以用documentgetElementsByTagName("div");。

这个方法是获得页面上所有的Div标签,返回是一个数组。如果页面上只有6个Div的话。

documentgetElementsByTagName("div")[0]就是你给出代码中的tt1。

documentgetElementsByTagName("div")[1]就是你给出代码中的tt2。

documentgetElementsByTagName("div")[2]就是你给出代码中的tt3。

documentgetElementsByTagName("div")[3]就是你给出代码中的tt4。

documentgetElementsByTagName("div")[4]就是你给出代码中的tt5。

documentgetElementsByTagName("div")[5]就是你给出代码中的tt6。

以上就是关于JS:按钮单击时,如何获得自己的ID全部的内容,包括:JS:按钮单击时,如何获得自己的ID、javascript获取html页面中ID、js如何获取控件id等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存