9.三种根据id属性的触发事件

更多的掌握触发事件。以button为例

<button id="btn1">添加文本</button>

$(function(){//要在加载方法里，这个不能少

$("#btn1")click(function(){

alert(" 触发事件");

});

$("#btn1")bind("click",function(item){

alert(" 触发事件");

});

$(document)on("click","#btn1",function(){

alert(" 触发事件");

});

});

<script type="text/javascript">

function a(o){

var obj = oparentNodeparentNodeparentNodeparentNodeid + "_content";

alert(obj);

};

</script>

<div id="title_2" align="left" class="zd" >

   <table border="1">

      <tr><td  id="a" bgcolor="gray" onclick="a(this)">展开</td></tr>

   </table>

</div>

如上，运行了试试吧。

这段代码只能在ie下工作，其他浏览器可能没有windowevent对象。

windowevent表示当前触发的事件对象。windoweventsrcElement表示触发事件的DOM元素。如果你点击了按钮1，这个srcElement就是按钮1。id就是这个元素的id，即btn1。

如果想要在其他浏览器中使用，你需要把对象传入函数，即：

<button id="btn1"onclick="aaa(this)" > 按钮1 </button>

<button id="btn2"onclick="aaa(this)" > 按钮2 </button>

<button id="btn3"onclick="aaa(this)" > 按钮3 </button>

<button id="btn4"onclick="aaa(this)" > 按钮4 </button>

<button id="btn5" onclick="aaa(this)"> 按钮 5</button>

 

<scripttype="text/javascript">

       function aaa(elem)

       {

              alert(elemid);      

       }

</script>

望采纳！

1、新建一个html文件，命名为testhtml。

2、在testhtml文件中，在p标签内，使用span标签创建一行文字，span标签是p标签的子标签。

3、在testhtml文件内，设置span元素的id为myspan，下面将使用jquery方法获得该id值。

4、在testhtml文件内，使用button标签创建一个按钮，按钮名称为“获取子标签的ID值”。

5、在testhtml文件中，给button按钮绑定onclick点击事件，当按钮被点击时，执行getspanid函数。

6、在js标签中，创建getspanid()函数，在函数内，通过元素名称获得p元素对象，使用children（）方法获得p标签的子标签，再通过attr()方法来获得id值。最后，使用alert()方法将id值输出来。

这个问题还是要在具体的实例中,解决会比较简单一点那我简单列举两种情况下获取页面元素的id和name的方法吧

1事件中

每一个事件方法中都会带一个event事件的属性参数,这个参数中就包含一个targe属性名,值表示的就是触发事件的节点,那我们可以这样获取

2非事件中

在非事件方法中,你想获取页面元素的id和name,那你首先就需要找到对应的节点你可以用document对象找,当然还是建议用jquery

节点获取了,那获取属性的方法还是跟上面的方法是一样的

在这里我们可以看出来,使用jquery方式更加简洁方便重要的是码字少呀还是建议用一下jquery而且jquery对于浏览器兼容也做了部分优化

<input name="music" type="image" id="music" onclick="loadmusic(this)" size="6" src="torightpng" value="mp3">

<script language="javascript">

function loadmusic(o){

alert('name='+oname+' / id='+oid);

}

</script>

这个方法最简单,把当前对象做为参数传进去

或者不用参数伟递,也可以用event对象的srcElement属性得到触发事件的对象(在FireFox浏览器中需要用target属性),这个方法需要考虑浏览器兼容性,但也可以实现

使用Jquery获取某个div时需要这样写：$("#" + 所定义的id变量名)代码如下黑体加粗部分：

<div id="{{hospitalid + 'hospital'}}" class="z_tl z_t2 clearfix z_poaR"

ng-click="openDoctorList(hospitalid,hospitalname)">

$scopeopenDoctorList = function (id,hospitalName) {

$scopeuniqueHospitalId = id;

var hospitalId = id + "hospital";

if($scopecacheHospitalId != id){

  $("#"+hospitalId)attr("class","z_tl clearfix z_poaR");

}

if($scopecacheHospitalId == id){

$("#"+hospitalId)attr("class","z_tl z_t2 clearfix z_poaR");

$scopedoctorList = null;

}

$scopecacheHospitalId = id;

}

扩展资料：

jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档 *** 作、事件处理、动画设计和Ajax交互。

jQuery的核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口；具有高效灵活的css选择器，并且可对CSS选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器，如IE 60+、FF 15+、Safari 20+、Opera 90+等。

参考资料：

Jquery官方API -ID Selector (“#id”)

JQuery官方API接口-attr()

百度百科-JQuery

以上就是关于9.三种根据id属性的触发事件全部的内容，包括:9.三种根据id属性的触发事件、div里面包含一个table表格，表格td列包含单击事件，单击事件怎么获取div的id值、javascript中window.event.srcElement.id的意思等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！