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 相关文章推荐
学习ExtJS table布局
Oct 08 Javascript
js代码实现的加入收藏效果并兼容主流浏览器
Jun 23 Javascript
jQuery实现鼠标滑过Div层背景变颜色的方法
Feb 17 Javascript
javascript模拟评分控件实现方法
May 13 Javascript
用JavaScript动态建立或增加CSS样式表的实现方法
May 20 Javascript
JavaScript计算器网页版实现代码分享
Jul 15 Javascript
javascript删除html标签函数cIsHTML
Jan 09 Javascript
微信小程序 slider的简单实例
Apr 19 Javascript
jquery分页插件pagination使用教程
Oct 23 jQuery
jQuery实现html可联动的百分比进度条
Mar 26 jQuery
JavaScript进阶(一)变量声明提升实例分析
May 09 Javascript
微信小程序完美解决scroll-view高度自适应问题的方法
Aug 08 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分页函数代码(简单实用型)
2010/12/02 PHP
从PHP $_SERVER相关参数判断是否支持Rewrite模块
2013/09/26 PHP
php 字符串中的\n换行符无效、不能换行的解决方法
2014/04/02 PHP
php使用array_rand()函数从数组中随机选择一个或多个元素
2014/04/28 PHP
PHP执行linux命令6个函数代码实例
2020/11/24 PHP
jQuery validate 中文API 附validate.js中文api手册
2010/07/31 Javascript
用js读、写、删除Cookie代码续篇
2014/12/03 Javascript
js实现右下角提示框的方法
2015/02/03 Javascript
AspNet中使用JQuery上传插件Uploadify详解
2015/05/20 Javascript
jQuery简单实现tab选项卡切换效果
2016/06/20 Javascript
bootstrap table 数据表格行内修改的实现代码
2017/02/13 Javascript
JavaScript基于replace+正则实现ES6的字符串模版功能
2017/04/25 Javascript
angularjs实现天气预报功能
2020/06/16 Javascript
vue 中的keep-alive实例代码
2018/07/20 Javascript
Vue文件配置全局变量的实例
2018/09/06 Javascript
VUE v-for循环中每个item节点动态绑定不同函数的实例
2018/09/26 Javascript
搭建一个nodejs脚手架的方法步骤
2019/06/28 NodeJs
Vue组件通信$attrs、$listeners实现原理解析
2020/09/03 Javascript
Python3 入门教程 简单但比较不错
2009/11/29 Python
通过实例浅析Python对比C语言的编程思想差异
2015/08/30 Python
Python开发的实用计算器完整实例
2017/05/10 Python
python实现自动网页截图并裁剪图片
2018/07/30 Python
python+splinter自动刷新抢票功能
2018/09/25 Python
对python opencv 添加文字 cv2.putText 的各参数介绍
2018/12/05 Python
如何使用Python抓取网页tag操作
2020/02/14 Python
深入解析HTML5中的Blob对象的使用
2015/09/08 HTML / CSS
Bally美国官网:经典瑞士鞋履、手袋及配饰奢侈品牌
2018/05/18 全球购物
介绍一下gcc特性
2012/01/20 面试题
计算机专业自荐信
2013/10/14 职场文书
怎么写自荐书范文
2014/02/12 职场文书
海飞丝广告词
2014/03/20 职场文书
大学生学习计划书
2014/09/15 职场文书
小学中队委竞选稿
2015/11/20 职场文书
【DOTA2】当街暴打?PSG LGD vs VG - DPC 2022 WINTER TOUR CN
2022/04/02 DOTA
python实现双链表
2022/05/25 Python
服务器nginx权限被拒绝解决案例
2022/09/23 Servers