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 相关文章推荐
精通JavaScript 纠正 cleanWhitespace函数
Mar 11 Javascript
JS分页效果示例
Oct 11 Javascript
js实现温度计时间样式代码分享
Aug 21 Javascript
使用Node.js给图片加水印的方法
Nov 15 Javascript
详解JSON1:使用TSQL查询数据和更新JSON数据
Nov 21 Javascript
Angular简单验证功能示例
Dec 22 Javascript
微信小程序实现发红包功能
Jul 11 Javascript
如何利用ES6进行Promise封装总结
Feb 11 Javascript
webpack中的模式(mode)使用详解
Feb 20 Javascript
基于javascript处理nginx请求过程详解
Jul 07 Javascript
Vue使用CDN引用项目组件,减少项目体积的步骤
Oct 30 Javascript
vue 解决在微信内置浏览器中调用支付宝支付的情况
Nov 09 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
fleaphp下不确定的多条件查询的巧妙解决方法
2008/09/11 PHP
phpmailer中文乱码问题的解决方法
2014/04/22 PHP
几个实用的PHP内置函数使用指南
2014/11/27 PHP
表单类各种类型(文本框)失去焦点效果jquery代码
2013/04/26 Javascript
微信内置浏览器私有接口WeixinJSBridge介绍
2015/05/25 Javascript
jquery点击缩略图切换视频播放特效代码分享
2015/09/15 Javascript
跟我学习javascript的基本类型和引用类型
2015/11/16 Javascript
深入浅析同源策略和跨域访问
2015/11/26 Javascript
轻松学习jQuery插件EasyUI EasyUI实现树形网络基本操作(2)
2015/11/30 Javascript
正则表达式替换html元素属性的方法
2016/11/26 Javascript
angular中不同的组件间传值与通信的方法
2017/11/04 Javascript
关于axios不能使用Vue.use()浅析
2018/01/12 Javascript
解决koa2 ctx.render is not a function报错问题
2018/08/07 Javascript
基于node.js实现爬虫的讲解
2019/02/18 Javascript
详解Vue源码中一些util函数
2019/04/24 Javascript
Vue打包后访问静态资源路径问题
2019/11/08 Javascript
解决await在forEach中不起作用的问题
2021/02/25 Javascript
[02:45]DOTA2英雄基础教程 伐木机
2013/12/23 DOTA
Python内置数据结构与操作符的练习题集锦
2016/07/01 Python
Django之无名分组和有名分组的实现
2019/04/16 Python
python实现文本进度条 程序进度条 加载进度条 单行刷新功能
2019/07/03 Python
Python简单处理坐标排序问题示例
2019/07/11 Python
python实现俄罗斯方块游戏(改进版)
2020/03/13 Python
Django用户认证系统如何实现自定义
2020/11/12 Python
Python从文件中读取数据的方法步骤
2020/11/18 Python
CSS教程:CSS3圆角属性
2009/04/02 HTML / CSS
HTML5 form标签之解放表单验证、增加文件上传、集成拖放的使用方法
2013/04/24 HTML / CSS
美国战术品牌:5.11 Tactical
2019/05/01 全球购物
大队干部竞选演讲稿
2014/04/28 职场文书
建筑工地质量标语
2014/06/12 职场文书
大学竞选班干部演讲稿
2014/08/21 职场文书
办公室文员工作自我鉴定
2014/09/19 职场文书
工作失误检讨书(3篇)
2014/10/11 职场文书
观看焦裕禄观后感
2015/06/09 职场文书
家庭贫困证明
2015/06/16 职场文书
Go标准容器之Ring的使用说明
2021/05/05 Golang