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数组定义方法
Sep 10 Javascript
编写自己的jQuery插件简单实现代码
Apr 19 Javascript
javaScript实现滚动新闻的方法
Jul 30 Javascript
JavaScript简单判断复选框是否选中及取出值的方法
Aug 13 Javascript
JS实现带圆弧背景渐变效果的导航菜单代码
Oct 13 Javascript
JavaScript函数学习总结以及相关的编程习惯指南
Nov 16 Javascript
JavaScript浏览器对象模型BOM(BrowserObjectModel)实例详解
Nov 29 Javascript
用file标签实现多图文件上传预览
Feb 14 Javascript
bootstrap switch开关组件使用方法详解
Aug 22 Javascript
JavaScript实现随机数生成器(去重)
Oct 13 Javascript
vue中动态select的使用方法示例
Oct 28 Javascript
JS实现动态倒计时功能(天数、时、分、秒)
Dec 12 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+DBM的同学录程序(5)
2006/10/09 PHP
php中可能用来加密字符串的函数[base64_encode、urlencode、sha1]
2012/01/16 PHP
phpadmin如何导入导出大数据文件及php.ini参数修改
2013/02/18 PHP
php+ajax导入大数据时产生的问题处理
2014/06/11 PHP
PHP面向对象精要总结
2014/11/07 PHP
Laravel5.1数据库连接、创建数据库、创建model及创建控制器的方法
2016/03/29 PHP
PHP记录和读取JSON格式日志文件
2016/07/07 PHP
php版微信自动登录并获取昵称的方法
2016/09/23 PHP
解决thinkPHP 5 nginx 部署时,只跳转首页的问题
2019/10/16 PHP
laravel 模型查询按照whereIn排序的示例
2019/10/16 PHP
node.js不得不说的12点内容
2014/07/14 Javascript
使用jquery清空、复位整个输入域
2015/04/02 Javascript
Jquery简单实现GridView行高亮的方法
2015/06/15 Javascript
基于jQuery实现拖拽图标到回收站并删除功能
2015/11/25 Javascript
浅谈JavaScript 浏览器对象
2016/06/03 Javascript
jQuery弹出窗口简单实现代码
2017/03/09 Javascript
利用Node.js检测端口是否被占用的方法
2017/12/07 Javascript
解决vuejs 使用value in list 循环遍历数组出现警告的问题
2018/09/26 Javascript
Angular ui-roter 和AngularJS 通过 ocLazyLoad 实现动态(懒)加载模块和依赖
2018/11/25 Javascript
js实现超级玛丽小游戏
2020/03/18 Javascript
解决elementui表格操作列自适应列宽
2020/12/28 Javascript
Python对列表排序的方法实例分析
2015/05/16 Python
Ruby元编程基础学习笔记整理
2016/07/02 Python
详解Python3中的迭代器和生成器及其区别
2018/10/09 Python
pycharm在调试python时执行其他语句的方法
2018/11/29 Python
python多线程并发实例及其优化
2019/06/27 Python
flask利用flask-wtf验证上传的文件的方法
2020/01/17 Python
eDreams德国:南欧领先的在线旅游公司
2020/12/07 全球购物
高级Java程序员面试题
2016/06/23 面试题
硕士生工作推荐信
2014/03/07 职场文书
2014年征兵标语
2014/06/20 职场文书
学习型家庭事迹材料
2014/12/20 职场文书
小学生学习保证书
2015/02/26 职场文书
市级三好生竞选稿
2015/11/21 职场文书
2019年入党思想汇报格式与要求
2019/06/25 职场文书
Java 泛型详解(超详细的java泛型方法解析)
2021/07/02 Java/Android