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 相关文章推荐
基于jquery循环map功能的代码
Feb 26 Javascript
纯JS实现根据CSS的class选择DOM
Mar 22 Javascript
JS跨域问题详解
Nov 25 Javascript
分享使用AngularJS创建应用的5个框架
Dec 05 Javascript
jquery+ajax实现直接提交表单实例分析
Jun 17 Javascript
JavaScript 函数模式详解及示例
Sep 07 Javascript
AngularJS中$apply方法和$watch方法用法总结
Dec 13 Javascript
BootStrap Datetimepicker 汉化的实现代码
Feb 10 Javascript
Vue 2.0+Vue-router构建一个简单的单页应用(附源码)
Mar 14 Javascript
MUI顶部选项卡的用法(tab-top-webview-main)详解
Oct 08 Javascript
使用webpack-dev-server处理跨域请求的方法
Apr 18 Javascript
深入浅析Vue全局组件与局部组件的区别
Jun 15 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中Header使用的HTTP协议及常用方法小结
2014/11/04 PHP
php计算一个文件大小的方法
2015/03/30 PHP
阿里云Win2016安装Apache和PHP环境图文教程
2018/03/11 PHP
Javascript表达式中连续的 &amp;&amp; 和 || 之赋值区别
2010/10/17 Javascript
Jquery 实现表格颜色交替变化鼠标移过颜色变化实例
2013/08/28 Javascript
jQuery之字体大小的设置方法
2014/02/27 Javascript
Node.js中的事件驱动编程详解
2014/08/16 Javascript
Angularjs 基础入门
2014/12/26 Javascript
详解基于angular路由的requireJs按需加载js
2017/01/20 Javascript
Bootstrap表单简单实现代码
2017/03/06 Javascript
jQuery实现选项卡功能(两种方法)
2017/03/08 Javascript
AngularJS 实现购物车全选反选功能
2017/10/24 Javascript
jQuery幻灯片插件owlcarousel参数说明中文文档
2018/02/27 jQuery
Node.js Buffer模块功能及常用方法实例分析
2019/01/05 Javascript
python学习手册中的python多态示例代码
2014/01/21 Python
Python基础之函数用法实例详解
2014/09/10 Python
python获得文件创建时间和修改时间的方法
2015/06/30 Python
Python的SimpleHTTPServer模块用处及使用方法简介
2018/01/22 Python
Python针对给定列表中元素进行翻转操作的方法分析
2018/04/27 Python
python实现多人聊天室
2020/03/31 Python
使用pip发布Python程序的方法步骤
2018/10/11 Python
pandas 根据列的值选取所有行的示例
2018/11/07 Python
浅谈Python采集网页时正则表达式匹配换行符的问题
2018/12/20 Python
Django的Modelforms用法简介
2019/07/27 Python
iPython pylab模式启动方式
2020/04/24 Python
百思买加拿大:Best Buy Canada
2018/03/20 全球购物
英国一家集合了众多有才华设计师品牌的奢侈店:Wolf & Badger
2018/04/18 全球购物
英国Radley包德国官网:Radley London德国
2019/11/18 全球购物
四种会话跟踪技术
2015/05/20 面试题
自行车租赁公司创业计划书
2014/01/28 职场文书
2014年技术工作总结范文
2014/11/20 职场文书
公司人力资源管理制度
2015/08/05 职场文书
2016党员入党决心书
2015/09/22 职场文书
《圆的面积》教学反思
2016/02/19 职场文书
python基于tkinter制作下班倒计时工具
2021/04/28 Python
鸿蒙3.0体验感怎么样? 鸿蒙3.0系统评测向
2022/08/14 数码科技