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 相关文章推荐
在模板页面的js使用办法
Apr 01 Javascript
一个简单的实现下拉框多选的插件可移植性比较好
May 05 Javascript
JQuery实现动态适时改变字体颜色的方法
Mar 10 Javascript
javascript下使用Promise封装FileReader
Feb 19 Javascript
ES6新数据结构Set与WeakSet用法分析
Mar 31 Javascript
使用yeoman构建angular应用的方法
Aug 14 Javascript
详细分析单线程JS执行问题
Nov 22 Javascript
vue 项目中使用Loading组件的示例代码
Aug 31 Javascript
解决angular2 获取到的数据无法实时更新的问题
Aug 31 Javascript
JavaScript数据结构与算法之二叉树实现查找最小值、最大值、给定值算法示例
Mar 01 Javascript
多个vue子路由文件自动化合并的方法
Sep 03 Javascript
layui 数据表格 根据值(1=业务,2=机构)显示中文名称示例
Oct 26 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脚本的10个技巧(8)
2006/10/09 PHP
PHP中addslashes()和stripslashes()实现字符串转义和还原用法实例
2016/01/07 PHP
详解WordPress中用于更新和获取用户选项数据的PHP函数
2016/03/08 PHP
ThinkPHP3.2.2实现持久登录(记住我)功能的方法
2016/05/16 PHP
微信公众号判断用户是否已关注php代码解析
2016/06/24 PHP
thinkPHP框架实现多表查询的方法
2018/06/14 PHP
PHP代码加密的方法总结
2020/03/13 PHP
javascript解决innerText浏览器兼容问题思路代码
2013/05/17 Javascript
jQuery 中国省市两级联动选择附图
2014/05/14 Javascript
js鼠标点击图片实现随机变换图片的方法
2015/02/16 Javascript
JQuery替换DOM节点的方法
2015/06/11 Javascript
jQuery对JSON数据进行排序输出的方法
2015/06/24 Javascript
jquery移动端TAB触屏切换实现效果
2020/12/22 Javascript
JavaScript String(字符串)对象的简单实例(推荐)
2016/08/31 Javascript
详解angular2实现ng2-router 路由和嵌套路由
2017/03/24 Javascript
Vue中使用sass实现换肤功能
2018/09/07 Javascript
countUp.js实现数字滚动效果
2019/10/18 Javascript
JavaScript禁止右击保存图片,禁止拖拽图片的实现代码
2020/04/28 Javascript
[46:32]Fnatic vs OG 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
使用rpclib进行Python网络编程时的注释问题
2015/05/06 Python
Python中使用双下划线防止类属性被覆盖问题
2019/06/27 Python
使用python爬取微博数据打造一颗“心”
2019/06/28 Python
Flask使用Pyecharts在单个页面展示多个图表的方法
2019/08/05 Python
jupyter notebook oepncv 显示一张图像的实现
2020/04/24 Python
Pytorch 卷积中的 Input Shape用法
2020/06/29 Python
Python调用C语言程序方法解析
2020/07/07 Python
Scholastic父母商店:儿童书籍
2017/01/01 全球购物
日本最大的购物网站乐天市场国际版:Rakuten Global Market(支持中文)
2020/02/03 全球购物
如何定义一个可复用的服务
2014/09/30 面试题
银行实习生的自我评价
2013/12/09 职场文书
出国导师推荐信
2014/01/16 职场文书
公务员培训自我鉴定
2014/02/01 职场文书
黄河的主人教学反思
2014/02/07 职场文书
求职自我推荐信
2014/06/25 职场文书
志愿者活动总结报告
2014/06/27 职场文书
2016年“5.12”护士节致辞
2015/07/31 职场文书