答案
将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等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)