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.Jwin.js 基于jquery的弹出层插件代码
May 23 Javascript
node中socket.io的事件使用详解
Dec 15 Javascript
详解JavaScript基于面向对象之继承
Dec 13 Javascript
javascript实现下雪效果【实例代码】
May 03 Javascript
漂亮! js实现颜色渐变效果
Aug 12 Javascript
微信小程序小组件 基于Canvas实现直播点赞气泡效果
May 29 Javascript
bootstrap折叠调用collapse()后data-parent不生效的快速解决办法
Feb 23 Javascript
easyui-datagrid特殊字符不能显示的处理方法
Apr 12 Javascript
vue router-link传参以及参数的使用实例
Nov 10 Javascript
一个简单的node.js界面实现方法
Jun 01 Javascript
js+h5 canvas实现图片验证码
Oct 11 Javascript
vue 给数组添加新对象并赋值
Apr 20 Vue.js
简介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
source.php查看源文件
2006/12/09 PHP
php绘制一个矩形的方法
2015/01/24 PHP
php判断当前操作系统类型
2015/10/28 PHP
标准版Eclipse搭建PHP环境的详细步骤
2015/11/18 PHP
PHP会话控制实例分析
2016/12/24 PHP
php设计模式之迭代器模式实例分析【星际争霸游戏案例】
2020/04/07 PHP
php7 新增功能实例总结
2020/05/25 PHP
json跟xml的对比分析
2008/06/10 Javascript
JavaScript 大数据相加的问题
2011/08/03 Javascript
利用try-catch判断变量是已声明未声明还是未赋值
2014/03/12 Javascript
VS2008中使用JavaScript调用WebServices
2014/12/18 Javascript
javascript实现html页面之间参数传递的四种方法实例分析
2015/12/15 Javascript
JS读取XML文件数据并以table形式显示数据的方法(兼容IE与火狐)
2016/06/02 Javascript
jquery常用的12个小功能
2016/07/22 Javascript
jQuery过滤选择器经典应用
2016/08/18 Javascript
用原生js统计文本行数的简单示例
2016/08/19 Javascript
React Native使用百度Echarts显示图表的示例代码
2017/11/07 Javascript
Vue使用枚举类型实现HTML下拉框步骤详解
2018/02/05 Javascript
vue通过video.js解决m3u8视频播放格式的方法
2019/07/30 Javascript
[01:10]DOTA2次级职业联赛 - EP战队宣传片
2014/12/01 DOTA
Python开发的单词频率统计工具wordsworth使用方法
2014/06/25 Python
用Python制作简单的朴素基数估计器的教程
2015/04/01 Python
Python爬豆瓣电影实例
2018/02/23 Python
Python基于property实现类的特性操作示例
2018/06/15 Python
用Python shell简化开发
2018/08/08 Python
python ChainMap的使用和说明详解
2019/06/11 Python
keras自动编码器实现系列之卷积自动编码器操作
2020/07/03 Python
如何利用python 读取配置文件
2021/01/06 Python
斯洛伐克时尚服装网上商店:Cellbes
2016/10/20 全球购物
压铸汽车模型收藏家:Diecastmodelswholesale.com
2016/12/21 全球购物
慕尼黑山地运动、户外服装和体育用品专家:Sporthaus Schuster
2019/08/27 全球购物
现代化办公人员工作的自我评价
2013/10/16 职场文书
高中毕业生登记表自我鉴定范文
2014/03/18 职场文书
岗位廉洁从政承诺书
2014/03/27 职场文书
Vue接口封装的完整步骤记录
2021/05/14 Vue.js
Python matplotlib可视化之绘制韦恩图
2022/02/24 Python