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必备 api中英文对照的chm手册 下载
May 03 Javascript
用JavaScript将从数据库中读取出来的日期型格式化为想要的类型。
Aug 15 Javascript
一个可绑定数据源的jQuery数据表格插件
Jul 17 Javascript
仅IE支持clearAttributes/mergeAttributes方法使用介绍
May 04 Javascript
js监听键盘事件示例代码
Jul 26 Javascript
javascript的函数作用域
Nov 12 Javascript
JQuery自动触发事件的方法
Jun 13 Javascript
跟我学习javascript的prototype,getPrototypeOf和__proto__
Nov 17 Javascript
JS判断数组那点事
Oct 10 Javascript
微信小程序开发之点击按钮退出小程序的实现方法
Apr 26 Javascript
Vue基本使用之对象提供的属性功能
Apr 30 Javascript
解决vue打包后vendor.js文件过大问题
Jul 03 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 网页过期时间的控制代码
2009/06/29 PHP
深入理解PHP之require/include顺序 推荐
2011/01/02 PHP
PHP实现的简单mock json脚本分享
2015/02/10 PHP
jquery autocomplete自动完成插件的的使用方法
2010/08/07 Javascript
判断多个input type=file是否有已经选择好文件的代码
2012/05/23 Javascript
关于全局变量和局部变量的那些事
2013/01/11 Javascript
JS 实现导航栏悬停效果
2013/09/23 Javascript
Json和Jsonp理论实例代码详解
2013/11/15 Javascript
将HTML的左右尖括号等转义成实体形式的两种实现方式
2014/05/04 Javascript
bootstrap table复杂操作代码
2016/11/01 Javascript
React.js中常用的ES6写法总结(推荐)
2017/05/09 Javascript
requirejs + vue 项目搭建详解
2017/06/16 Javascript
Angularjs中数据绑定的实例详解
2017/08/25 Javascript
layui实现三级导航菜单
2019/07/26 Javascript
ElementUI radio组件选中小改造
2019/08/12 Javascript
Node.js系列之安装配置与基本使用(1)
2019/08/30 Javascript
js实现带搜索功能的下拉框
2020/01/11 Javascript
vue+springboot图片上传和显示的示例代码
2020/02/14 Javascript
Electron实现应用打包、自动升级过程解析
2020/07/07 Javascript
解决Vue 移动端点击出现300毫秒延迟的问题
2020/07/21 Javascript
element-ui tree结构实现增删改自定义功能代码
2020/08/31 Javascript
js实现复制粘贴的两种方法
2020/12/04 Javascript
python检测是文件还是目录的方法
2015/07/03 Python
利用Tkinter和matplotlib两种方式画饼状图的实例
2017/11/06 Python
基于python生成器封装的协程类
2019/03/20 Python
Python使用pycharm导入pymysql教程
2020/09/16 Python
Marc O’Polo俄罗斯官方在线商店:德国高端时尚品牌
2019/12/26 全球购物
Conforama西班牙:您的家具、装饰和电器商店
2020/02/21 全球购物
介绍一下SQL中union,intersect和minus
2012/04/05 面试题
个人评价范文分享
2014/01/11 职场文书
初中三好学生事迹材料
2014/01/13 职场文书
个人简历中自我评价
2014/02/11 职场文书
《鸟的天堂》教学反思
2014/02/27 职场文书
读书活动总结
2014/04/28 职场文书
2015年六年级班主任工作总结
2015/10/15 职场文书
科普 | 业余无线电知识-波段篇
2022/02/18 无线电