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小技巧
Mar 07 Javascript
jQuery ajax serialize() 方法使用示例
Nov 02 Javascript
JQuery给网页更换皮肤的方法
May 30 Javascript
使用jQuery判断浏览器滚动条位置的方法
May 30 Javascript
浅谈js中的in-for循环
Jun 28 Javascript
使用jQuery的load方法设计动态加载及解决被加载页面js失效问题
Mar 01 Javascript
浅析Angular2子模块以及异步加载
Apr 24 Javascript
基于JavaScript实现简单的音频播放功能
Jan 07 Javascript
jQuery实现的简单图片轮播效果完整示例
Feb 08 jQuery
vue-cli3.0如何使用CDN区分开发、生产、预发布环境
Nov 22 Javascript
JQuery省市联动效果实现过程详解
May 08 jQuery
快速了解Vue父子组件传值以及父调子方法、子调父方法
Jul 15 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之字符串变相相减的代码
2007/03/19 PHP
PHP集成百度Ueditor 1.4.3
2014/11/23 PHP
优化WordPress的Google字体以加速国内服务器上的运行
2015/11/24 PHP
[原创]php简单防盗链验证实现方法
2016/07/09 PHP
详细分析PHP 命名空间(namespace)
2020/06/30 PHP
详细讲解JS节点知识
2010/01/31 Javascript
js 实现图片预加载(js操作 Image对象属性complete ,事件onload 异步加载图片)
2011/03/25 Javascript
利用jquery包将字符串生成二维码图片
2013/09/12 Javascript
Javascript常用小技巧汇总
2015/06/24 Javascript
Bootstrap每天必学之表单
2015/11/23 Javascript
jQuery模仿单选按钮选中效果
2016/06/24 Javascript
ES6学习教程之模板字符串详解
2017/10/09 Javascript
基于 flexible 的 Vue 组件:Toast -- 显示框效果
2017/12/26 Javascript
vue.js 中使用(...)运算符报错的解决方法
2018/08/09 Javascript
详谈js的变量提升以及使用方法
2018/10/06 Javascript
Vue axios 跨域请求无法带上cookie的解决
2020/09/08 Javascript
微信小程序实现页面监听自定义组件的触发事件
2020/11/01 Javascript
python使用rabbitmq实现网络爬虫示例
2014/02/20 Python
python daemon守护进程实现
2016/08/27 Python
python正则表达式面试题解答
2020/04/28 Python
Django+Ajax+jQuery实现网页动态更新的实例
2018/05/28 Python
Python实现最大子序和的方法示例
2019/07/05 Python
python DES加密与解密及hex输出和bs64格式输出的实现代码
2020/04/13 Python
Otel.com:折扣酒店预订
2017/08/24 全球购物
Theory美国官网:后现代都市风时装品牌
2018/05/09 全球购物
印尼网上商店:Alfacart.com
2019/03/11 全球购物
不用游标的SQL语句有哪些
2012/09/07 面试题
文明之星事迹材料
2014/05/09 职场文书
乡镇群众路线专项整治方案
2014/11/03 职场文书
2015年控辍保学工作总结
2015/05/18 职场文书
幸福来敲门观后感
2015/06/04 职场文书
2015年秋季小学开学典礼主持词
2015/07/16 职场文书
法制工作总结2015
2015/07/23 职场文书
2016感恩母亲节校园广播稿
2015/12/17 职场文书
2016领导干部廉洁自律心得体会
2016/01/13 职场文书
Java9新特性对HTTP2协议支持与非阻塞HTTP API
2022/03/16 Java/Android