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 相关文章推荐
彪哥1.1(智能表格)提供下载
Sep 07 Javascript
Jquery ajax传递复杂参数给WebService的实现代码
Aug 08 Javascript
用JQuery 判断某个属性是否存在hasAttr的解决方法
Apr 26 Javascript
jQuery之Deferred对象详解
Sep 04 Javascript
jquery实现的美女拼图游戏实例
May 04 Javascript
简单谈谈ES6的六个小特性
Nov 18 Javascript
AngularJS实现controller控制器间共享数据的方法示例
Oct 30 Javascript
在 Node.js 中使用 async 函数的方法
Nov 17 Javascript
Vue组件中的data必须是一个function的原因浅析
Sep 03 Javascript
Vue表单绑定的实例代码(单选按钮,选择框(单选时,多选时,用 v-for 渲染的动态选项)
May 13 Javascript
JavaScript中var的重要性实例分析
Jul 09 Javascript
在vue中使用eslint,配合vscode的操作
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
一个php导出oracle库的php代码
2009/04/20 PHP
php实现与erlang的二进制通讯实例解析
2014/07/23 PHP
PHP图像识别技术原理与实现
2016/10/27 PHP
thinkphp5.0自定义验证规则使用方法
2017/11/16 PHP
php实现数组重复数字统计实例
2018/09/30 PHP
最新的10款jQuery内容滑块插件分享
2011/09/18 Javascript
JavaScript使用Math.Min返回两个数中较小数的方法
2015/04/06 Javascript
Javascript函数的参数
2015/07/16 Javascript
jquery实现的淡入淡出下拉菜单效果
2015/08/25 Javascript
jQuery实现只允许输入数字和小数点的方法
2016/03/02 Javascript
JS面向对象编程详解
2016/03/06 Javascript
js滚动条平滑移动示例代码
2016/03/29 Javascript
jQuery的框架介绍
2016/05/11 Javascript
jQuery多选框选择数量限制方法
2017/02/08 Javascript
利用JS制作万年历的方法
2017/08/16 Javascript
浅谈vuex之mutation和action的基本使用
2017/08/29 Javascript
微信小程序实现折叠面板
2018/01/31 Javascript
vue-quill-editor 自定义工具栏和自定义图片上传路径操作
2020/08/03 Javascript
python 解析XML python模块xml.dom解析xml实例代码
2014/02/07 Python
Python中用memcached来减少数据库查询次数的教程
2015/04/07 Python
Python读取指定日期邮件的实例
2019/02/01 Python
python 使用opencv 把视频分割成图片示例
2019/12/12 Python
自定义Django默认的sitemap站点地图样式
2020/03/04 Python
浅析两列自适应布局的3种思路
2016/05/03 HTML / CSS
新加坡第一的杂货零售商:NTUC FairPrice
2020/12/05 全球购物
2014政务公开实施方案
2014/02/19 职场文书
四群教育工作实施方案
2014/03/26 职场文书
房地产推广策划方案
2014/05/19 职场文书
2014党委书记四风问题对照检查材料思想汇报
2014/09/22 职场文书
公安局负责人查摆问题及整改方案
2014/09/27 职场文书
张思德观后感
2015/06/09 职场文书
经营场所使用证明
2015/06/19 职场文书
创业计划书之电动车企业
2019/10/11 职场文书
用python修改excel表某一列内容的操作方法
2021/06/11 Python
python中的class_static的@classmethod的巧妙用法
2021/06/22 Python
linux下安装redis图文详细步骤
2021/12/04 Redis