JS或jQuery获取ASP.NET服务器控件ID的方法


Posted in Javascript onJune 08, 2015

在ASP.NET中使用js时,js获取DOM元素时,经常获取不到,这是因为获取的方法有误,现在介绍一方法,解决如何使用js获取ASP.NET控件在浏览器端生成html标签对应的id

1.获取服务器端控件在浏览器端生成的标签的id,即服务器控件对应的客户端html标签id

通过服务器端控件的ClientID属性可以获取到相应在浏览器即客户端html标签中对应的id值,获取方法如下

代码如下:

<%= newsId.ClientID %>

2.通过dom获取相应的dom元素

可以通过js,document来获取也可以借助jquery来获取,这里以jquery来示例

代码如下:

var newsId = $("#<%= newsId.ClientID %>");

3.对dom元素进行操作

既然已经获得到要操作的元素了,接下来就可以进行相应的操作了,之后的事就看你了,开始"为所欲为"吧~~~

Javascript 相关文章推荐
Javascript 学习笔记 错误处理
Jul 30 Javascript
html中table数据排序的js代码
Aug 09 Javascript
用js读、写、删除Cookie代码分享及详细注释说明
Jun 05 Javascript
原生js实现addclass,removeclass,toggleclasss实例
Nov 24 Javascript
基于JS实现的随机数字抽签实例
Dec 08 Javascript
JS传参及动态修改页面布局
Apr 13 Javascript
JavaScript实现网页头部进度条刷新
Apr 16 Javascript
JS获取日期的方法实例【昨天,今天,明天,前n天,后n天的日期】
Sep 28 Javascript
jquery 通过ajax请求获取后台数据显示在表格上的方法
Aug 08 jQuery
Vue cli3 库模式搭建组件库并发布到 npm的流程
Oct 12 Javascript
JS解惑之Object中的key是有序的么
May 06 Javascript
ant design charts 获取后端接口数据展示
May 25 Javascript
简介JavaScript中toUpperCase()方法的使用
Jun 06 #Javascript
JavaScript中的toLocaleLowerCase()方法使用详解
Jun 06 #Javascript
简介JavaScript中substring()方法的使用
Jun 06 #Javascript
JavaScript中的substr()方法使用详解
Jun 06 #Javascript
JavaScript中的slice()方法使用详解
Jun 06 #Javascript
简介JavaScript中search()方法的使用
Jun 06 #Javascript
JavaScript中的replace()方法使用详解
Jun 06 #Javascript
You might like
PHP操作MongoDB GridFS 存储文件的详解
2013/06/20 PHP
laravel 5 实现模板主题功能
2015/03/02 PHP
Referer原理与图片防盗链实现方法详解
2019/07/03 PHP
让 JavaScript 轻松支持函数重载 (Part 2 - 实现)
2009/08/04 Javascript
javascript 读取XML数据,在页面中展现、编辑、保存的实现
2009/10/27 Javascript
基于jquery循环map功能的代码
2011/02/26 Javascript
文本框中禁止非数字字符输入比如手机号码、邮编
2013/08/19 Javascript
javascript实现密码强度显示
2015/03/18 Javascript
jQuery实现滑动页面固定顶部显示(可根据显示位置消失与替换)
2015/10/28 Javascript
基于javascript制作微博发布栏效果
2016/04/04 Javascript
AngularJS基础 ng-model-options 指令简单示例
2016/08/02 Javascript
Node.js测试中的Mock文件系统详解
2016/11/21 Javascript
ES6学习教程之Map的常用方法总结
2017/08/03 Javascript
AngularJS 控制器 controller的详解
2017/10/17 Javascript
Vue-Router实现组件间跳转的三种方法
2017/11/07 Javascript
vue-cli webpack模板项目搭建及打包时路径问题的解决方法
2018/02/26 Javascript
Electron vue的使用教程图文详解
2019/07/05 Javascript
python实现类的静态变量用法实例
2015/05/08 Python
Python 多进程并发操作中进程池Pool的实例
2017/11/01 Python
Python 快速实现CLI 应用程序的脚手架
2017/12/05 Python
python实现淘宝秒杀聚划算抢购自动提醒源码
2020/06/23 Python
python 将列表中的字符串连接成一个长路径的方法
2018/10/23 Python
python遍历小写英文字母的方法
2019/01/02 Python
解决python写入带有中文的字符到文件错误的问题
2019/01/31 Python
Django框架登录加上验证码校验实现验证功能示例
2019/05/23 Python
python操作文件的参数整理
2019/06/11 Python
Python中url标签使用知识点总结
2020/01/16 Python
Python3使用xlrd、xlwt处理Excel方法数据
2020/02/28 Python
手把手教你将Flask应用封装成Docker服务的实现
2020/08/19 Python
世界上最大的艺术和工艺用品商店:MisterArt.com
2018/07/13 全球购物
大学生怎样写好自荐信
2014/02/25 职场文书
技术负责人岗位职责
2015/02/10 职场文书
酒店人事专员岗位职责
2015/04/07 职场文书
2015年党风建设工作总结
2015/04/29 职场文书
python四种出行路线规划的实现
2021/06/23 Python
JS数组去重详情
2021/11/07 Javascript