javascript动态判断html元素并执行不同的操作


Posted in Javascript onJune 16, 2014

在javascript中为了针对不同的元素执行不同的操作,需要在javascript中对触发事件的元素进行判断,然后执行不同的操作。

例子:

html

<input type='button' name='updatemetal' value='修改' onclick='getmetalid(this)'> 
<input type='button' name='deletemetal' value='删除' onclick='getmetalid(this)'>

javascript
<script type="text/javascript"> 
function getmetalid(input) { 
metalid = input.parentNode.parentNode.firstChild.innerHTML; 
if(input.getAttribute("value") == '修改'){ 
damicsubmit(metalid); 
}else if(input.getAttribute("value") == '删除'){ 
damicsubmit2(metalid); 
} 
} 
</script>

获取input的name和id属性都不成功,但是value却是可以的,不知道是什么原因。

参考:

var obj=document.getElementById("div1").getElementsByTagName("textarea") 
for(var i=0;i<obj.length;i++) 
{ 
if(obj[i].id=="aa") 
{ 
alert(obj[i].innerText) 
} 
}
Javascript 相关文章推荐
js自带函数备忘 数组
Dec 29 Javascript
jquery api参考 visualjquery 中国线路 速度快
Nov 30 Javascript
调用DOM对象的focus使文本框获得焦点
Feb 19 Javascript
JavaScript中的数组操作介绍
Dec 30 Javascript
Node.js静态文件服务器改进版
Jan 10 Javascript
Bootstrap的popover(弹出框)2秒后定时消失的实现代码
Feb 27 Javascript
JS 实现banner图片轮播效果(鼠标事件)
Aug 04 Javascript
老生常谈JS中的继承及实现代码
Jul 06 Javascript
vue+VeeValidate 校验范围实例详解(部分校验,全部校验)
Oct 19 Javascript
node.js ws模块搭建websocket服务端的方法示例
Apr 25 Javascript
jsonp格式前端发送和后台接受写法的代码详解
Nov 07 Javascript
Angular CLI发布路径的配置项浅析
Mar 29 Javascript
Js实现滚动变色的文字效果
Jun 16 #Javascript
jquery模拟LCD 时钟的html文件源代码
Jun 16 #Javascript
Javascript图片上传前的本地预览实例
Jun 16 #Javascript
jquery的ajax异步请求接收返回json数据实例
Jun 16 #Javascript
Javascript判断图片尺寸大小实例分析
Jun 16 #Javascript
javascript进行数组追加方法小结
Jun 16 #Javascript
使用JavaScript实现网页版Pongo设计思路及源代码分享
Jun 16 #Javascript
You might like
为什么《星际争霸》是测试人工智能的理想战场
2019/12/03 星际争霸
php cookie 登录验证示例代码
2009/03/16 PHP
浅谈web上存漏洞及原理分析、防范方法(文件名检测漏洞)
2013/06/29 PHP
php根据分类合并数组的方法实例详解
2013/11/06 PHP
PHP中UNIX时间戳和日期间的转换与计算实例
2014/11/19 PHP
ThinkPHP表单数据智能写入create方法实例分析
2015/09/27 PHP
在IIS下安装PHP扩展的方法(超简单)
2017/04/10 PHP
jquery imgareaselect 使用利用js与程序结合实现图片剪切
2009/07/30 Javascript
jquery制作搜狐快站页面效果示例分享
2014/02/21 Javascript
VS2008中使用JavaScript调用WebServices
2014/12/18 Javascript
JS实现无限级网页折叠菜单(类似树形菜单)效果代码
2015/09/17 Javascript
jQuery无刷新上传之uploadify简单代码
2017/01/17 Javascript
angular4实现tab栏切换的方法示例
2017/10/21 Javascript
关于Vue背景图打包之后访问路径错误问题的解决
2017/11/03 Javascript
react-native使用leanclound消息推送的方法
2018/08/06 Javascript
vue+echarts实现动态绘制图表及异步加载数据的方法
2018/10/17 Javascript
解决layer图标icon不加载的问题
2019/09/04 Javascript
jQuery实现轮播图效果demo
2020/01/11 jQuery
[04:48]DOTA2亚洲邀请赛林书豪为VGJ加油
2017/04/01 DOTA
[54:09]RNG vs Liquid 2019国际邀请赛淘汰赛 败者组 BO3 第一场 8.23
2019/09/05 DOTA
python中stdout输出不缓存的设置方法
2014/05/29 Python
Python编程之序列操作实例详解
2017/07/22 Python
CentOS 7下安装Python3.6 及遇到的问题小结
2018/11/08 Python
Python urlopen()和urlretrieve()用法解析
2020/01/07 Python
详解HTML5 canvas绘图基本使用方法
2018/01/29 HTML / CSS
如何撰写岗位职责
2014/02/01 职场文书
爱国卫生月实施方案
2014/02/21 职场文书
给孩子的新年寄语
2014/04/08 职场文书
师恩难忘教学反思
2014/04/27 职场文书
运输企业安全生产责任书
2014/07/28 职场文书
建筑工程材料员岗位职责
2015/04/11 职场文书
推荐六本经典文学奖书籍:此生必读
2019/08/22 职场文书
MySQL锁机制
2021/04/05 MySQL
用position:sticky完美解决小程序吸顶问题的实现方法
2021/04/24 HTML / CSS
Python基础之元编程知识总结
2021/05/23 Python
解决Mysql多行子查询的使用及空值问题
2022/01/22 MySQL