js获取元素的标签名实现方法


Posted in Javascript onOctober 08, 2016

有时候我们想获取到一个标签的名称,例如:<div>a</div>得到“div”。请看下面的例子:

页面上有一个class="a"的标签,可能是input,也可能是普通的div或者是span标签,现在我们要往这个标签加一个值“value1”。如果是input则将其value属性设置为value1,div则将其innerHTML设置为value1.如何实现呢……

如果纯js实现如下:

//找到这个标签的代码略 this 代表找到的标签对象
if(this.localName=="input"||this.localName=="textarea"){
  this.value="value1"
}else{
  this.innerHTML="value1";
}
使用jQuery实现如下:
 
if($(this)[0].tagName=="input"||$(this)[0].tagName=="textarea"){
  $(this).val(valueOut);
}else{
  $(this).html(valueOut);
}
但有个问题就是 ie返回的标签名称是大写的,所以保险起见 我们再写一个 忽略大小写的判断相等的函数:
 
var equalsIgnoreCase=function(str1, str2) {
  if (str1.toUpperCase() == str2.toUpperCase()) {
    return true;
  }
  return false;
};
 
if(equalsIgnoreCase($(this)[0].tagName,"input")||equalsIgnoreCase($(this)[0].tagName,"textarea")){
  $(this).val(valueOut);
}else{
  $(this).html(valueOut);
}

以上就是小编为大家带来的js获取元素的标签名实现方法全部内容了,希望大家多多支持三水点靠木~

Javascript 相关文章推荐
Extjs中的GridPanel隐藏列会显示在menuDisabled中解决方法
Jan 27 Javascript
jQuery$命名冲突怎么办如何解决
Jan 16 Javascript
jquery中one()方法的用法实例
Jan 16 Javascript
javascript获取本机操作系统类型的方法
Aug 13 Javascript
javascript中select下拉框的用法总结
Jan 07 Javascript
node.js实现端口转发
Apr 14 Javascript
Ajax+FormData+javascript实现无刷新表单信息提交
Oct 24 Javascript
移动端使用localResizeIMG4压缩图片
Apr 22 Javascript
在百度搜索结果中去除掉一些网站的资料(通过js控制不让显示)
May 02 Javascript
javascript性能优化之分时函数的介绍
Mar 28 Javascript
微信小程序wx.navigateTo中events属性实现页面间通信传值,数据同步
Jul 13 Javascript
Vue触发隐藏input file的方法实例详解
Aug 14 Javascript
什么是JavaScript中的结果值?
Oct 08 #Javascript
如何利用模板将HTML从JavaScript中抽离
Oct 08 #Javascript
Vue.js 2.0 和 React、Augular等其他前端框架大比拼
Oct 08 #Javascript
bootstrap下拉列表与输入框组结合的样式调整
Oct 08 #Javascript
Bootstrap字体图标无法正常显示的解决方法
Oct 08 #Javascript
Javascript中常用的检测方法小结
Oct 08 #Javascript
微信小程序 前端源码逻辑和工作流详解
Oct 08 #Javascript
You might like
php基于Fleaphp框架实现cvs数据导入MySQL的方法
2016/02/23 PHP
PHP对称加密函数实现数据的加密解密
2016/10/27 PHP
PHP7 echo和print语句实例用法
2019/02/15 PHP
让Firefox支持event对象实现代码
2009/11/07 Javascript
jquery 注意事项与常用语法小结
2010/06/07 Javascript
使用Jquery打造最佳用户体验的登录页面的实现代码
2011/07/08 Javascript
使用Mootools动态添加Css样式表代码,兼容各浏览器
2011/12/12 Javascript
javascript获取选中的文本的方法代码
2013/10/30 Javascript
jQuery 获取浏览器所在的IP地址的小例子
2013/11/08 Javascript
JavaScript实现给按钮加上双重动作的方法
2015/08/14 Javascript
JS+CSS实现类似QQ好友及黑名单效果的树型菜单
2015/09/22 Javascript
iscroll碰到Select无法选择下拉刷新的解决办法
2016/05/21 Javascript
Bootstrap中的Panel和Table全面解析
2016/06/13 Javascript
Vue.js结合bootstrap实现分页控件
2017/03/10 Javascript
Angular 2父子组件之间共享服务通信的实现
2017/07/04 Javascript
jquery实现左右轮播图效果
2017/09/28 jQuery
Vue 前端实现登陆拦截及axios 拦截器的使用
2019/07/17 Javascript
layui.tree组件的使用以及搜索节点功能的实现
2019/09/26 Javascript
关于JSON解析的实现过程解析
2019/10/08 Javascript
JavaScript实现横版菜单栏
2020/03/17 Javascript
[45:17]DOTA2-DPC中国联赛定级赛 Phoenix vs DLG BO3第三场 1月9日
2021/03/11 DOTA
用Python编写简单的微博爬虫
2016/03/04 Python
Python中动态创建类实例的方法
2017/03/24 Python
浅谈python中copy和deepcopy中的区别
2017/10/23 Python
python删除某个字符
2018/03/19 Python
Python3爬虫中Selenium的用法详解
2020/07/10 Python
华美博弈C/VC工程师笔试试题
2012/07/16 面试题
如何保障Web服务器安全
2014/05/05 面试题
体育教育毕业生自荐信
2014/06/29 职场文书
年度优秀员工获奖感言
2014/08/15 职场文书
工作经常出错的检讨书
2014/09/13 职场文书
祖国在我心中演讲稿600字
2014/09/23 职场文书
博士生专家推荐信
2014/09/26 职场文书
党员活动总结
2015/02/04 职场文书
生产设备维护保养制度
2015/08/06 职场文书
「偶像大师 MILLION LIVE!」七尾百合子手办开订
2022/03/21 日漫