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 相关文章推荐
jquery获取tr中控件值并操作tr实现思路
Mar 27 Javascript
jQuery实现渐变弹出层和弹出菜单的方法
Feb 20 Javascript
js获取及判断键盘按键的方法
Dec 01 Javascript
js修改onclick动作的四种方法(推荐)
Aug 18 Javascript
JS实现HTML页面中动态显示当前时间完整示例
Jul 30 Javascript
iview实现select tree树形下拉框的示例代码
Dec 21 Javascript
JavaScript实现的拼图算法分析
Feb 13 Javascript
微信小游戏之使用three.js 绘制一个旋转的三角形
Jun 10 Javascript
vue实现滑动切换效果(仅在手机模式下可用)
Jun 29 Javascript
vue新建项目并配置标准路由过程解析
Dec 09 Javascript
十分钟教你上手ES2020新特性
Feb 12 Javascript
关于JavaScript数组去重的一些理解汇总
Sep 10 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
使用PHP批量生成随机用户名
2008/07/10 PHP
PHP中的MYSQL常用函数(php下操作数据库必备)
2010/09/12 PHP
discuz程序的PHP加密函数原理分析
2011/08/05 PHP
深入了解PHP类Class的概念
2012/06/14 PHP
通过缓存数据库结果提高PHP性能的原理介绍
2012/09/05 PHP
php使用glob函数快速查询指定目录文件的方法
2014/11/15 PHP
在Mac上编译安装PHP7的开发环境
2015/07/28 PHP
PHP读MYSQL中文乱码的快速解决方法
2016/10/01 PHP
Yii2 加载css、js 载静态资源的方法
2017/03/10 PHP
checkbox 多选框 联动实现代码
2008/10/22 Javascript
extjs 的权限问题 要求控制的对象是 菜单,按钮,URL
2010/03/09 Javascript
jQuery $.data()方法使用注意细节
2012/12/31 Javascript
javascript中的onkeyup和onkeydown区别介绍
2013/04/28 Javascript
js 动态添加元素(div、li、img等)及设置属性的方法
2016/07/19 Javascript
EasyUI加载完Html内容样式渲染完成后显示
2016/07/25 Javascript
jQuery过滤选择器经典应用
2016/08/18 Javascript
jQuery使用getJSON方法获取json数据完整示例
2016/09/13 Javascript
AngularJS 过滤器(自带和自建)详解
2016/09/19 Javascript
js 中文汉字转Unicode、Unicode转中文汉字、ASCII转换Unicode、Unicode转换ASCII、中文转换
2016/12/06 Javascript
vue中实现图片和文件上传的示例代码
2018/03/16 Javascript
简单了解vue中父子组件如何相互传递值(基础向)
2019/07/12 Javascript
Vue 动态组件components和v-once指令的实现
2019/08/30 Javascript
layui表格 返回的数据状态异常的解决方法
2019/09/10 Javascript
django站点管理详解
2017/12/12 Python
Python决策树分类算法学习
2017/12/22 Python
Python class的继承方法代码实例
2020/02/14 Python
Python如何发送与接收大型数组
2020/08/07 Python
澳大利亚时尚前卫设计师珠宝在线:Amber Sceats
2017/10/04 全球购物
GWT都有什么特性
2016/12/02 面试题
技校生自我鉴定
2013/12/08 职场文书
一份报关员的职业规划范文
2014/01/08 职场文书
员工安全承诺书
2014/05/22 职场文书
乡镇个人对照检查材料
2014/08/22 职场文书
教师节班会主持词
2015/07/06 职场文书
golang中的空slice案例
2021/04/27 Golang
MySQL实现用逗号进行拼接、以逗号进行分割
2022/12/24 MySQL