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 数组操作之pop,push,unshift,splice,shift
Jan 29 Javascript
JS验证邮件地址格式方法小结
Dec 01 Javascript
JS实现页面数据无限加载
Sep 13 Javascript
jquery实现全选、全不选以及单选功能
Mar 23 jQuery
vue路由嵌套的SPA实现步骤
Nov 06 Javascript
Angular实现的简单定时器功能示例
Dec 28 Javascript
使用Angular CLI生成路由的方法
Mar 24 Javascript
vue2.0实现移动端的输入框实时检索更新列表功能
May 08 Javascript
基于vue.js实现分页查询功能
Dec 29 Javascript
JS 封装父页面子页面交互接口的实例代码
Jun 25 Javascript
JS绘图Flot应用图形绘制异常解决方案
Oct 16 Javascript
JavaScript parseInt0.0000005打印5原理解析
Jul 23 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
火影忍者:三大瞳力之一的白眼,为什么没有写轮眼那么出色?
2020/03/02 日漫
PHP include_path设置技巧分享
2011/07/03 PHP
PHP读取PDF内容配合Xpdf的使用
2012/11/24 PHP
解决php表单重复提交实现方法
2015/09/29 PHP
js的with语句使用方法
2007/09/21 Javascript
jquery中prop()方法和attr()方法的区别浅析
2013/09/06 Javascript
js 动态加载事件的几种方法总结
2013/12/25 Javascript
多种方法实现load加载完成后把图片一次性显示出来
2014/02/19 Javascript
JS使用parseInt解析数字实现求和的方法
2015/08/05 Javascript
jQuery实现布局高宽自适应的简单实例
2016/05/28 Javascript
jQuery基本过滤选择器用法示例
2016/09/09 Javascript
详解Nodejs基于mongoose模块的增删改查的操作
2016/12/21 NodeJs
Angular的事件和表单详解
2016/12/26 Javascript
原生js实现瀑布流布局
2017/03/08 Javascript
vue.js实现价格格式化的方法
2017/05/23 Javascript
Javascript(es2016) import和require用法和区别详解
2017/08/11 Javascript
js基于FileSaver.js 浏览器导出Excel文件的示例
2017/08/15 Javascript
iview table高度动态设置方法
2018/03/14 Javascript
Bootstrap fileinput 上传新文件移除时触发服务器同步删除的配置
2018/10/08 Javascript
详解一个基于套接字实现长连接的express
2019/03/28 Javascript
vue拖拽组件 vuedraggable API options实现盒子之间相互拖拽排序
2019/07/08 Javascript
JS多个异步请求 按顺序执行next实现解析
2019/09/16 Javascript
uploadify插件实现多个图片上传并预览
2019/09/30 Javascript
vue学习之Vue-Router用法实例分析
2020/01/06 Javascript
[05:56]第十六期——新进3大C之小兔基
2014/06/24 DOTA
[01:04:14]OG vs Winstrike 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
Python标准库与第三方库详解
2014/07/22 Python
Python中zip函数如何使用
2020/06/04 Python
全面总结使用CSS实现水平垂直居中效果的方法
2016/03/10 HTML / CSS
荷兰美妆护肤品海淘网站:Beautinow(中文)
2020/11/22 全球购物
进程的查看和调度分别使用什么命令
2015/03/25 面试题
中科前程Java笔试题
2016/11/20 面试题
营销与策划专业毕业生求职信
2013/11/01 职场文书
带病坚持工作事迹
2014/05/03 职场文书
乡镇食品安全责任书
2014/07/28 职场文书
质量在我心中演讲稿
2014/09/02 职场文书