JS event中获取id,class等属性

关于原生JS获取class，ID等属性的一些封装

一.传统上获取是通过document.getElementById获取元素的ID属性,通过总结与学习总结一下获取元素class以及id属性的一些封装; 1.创建构造函数,这里面不需要多解释什么:(主要本人也是菜鸟一枚); 2.既然有了构造函数,那么我们只需要实例化进行使用,这里面我就不去描述了,直接进行JS库的封装: 下面是获取ID的方法: Ps:这里面应该不用介绍,通过判断返回指定的值: 3.ID是独一无二的所以使用起来比较不灵活,class类可以是多个或者重复使用,但是传统的JS并没有获取c

js模拟jq获取id

js模拟jq获取id: (jquery)需要自己添加 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>js模拟jq的点击效果</title> <style> * {margin: 0; padding: 0;} #btn {display:block;height: 30px; width:

ASP.NET MVC 中单独的JS文件中获取Controller中设定的值

1,在Controller中的Action 中将指定值写上. // // GET: /Home/ public ActionResult Index() { ViewBag.UserId = UserData.SysId; return View(); } 2,在cshtml文件中定义一个JS的全局变量 3,在单独的JS文件中获取定义的值.

javascript 在js文件中获取路径

如果在*.js文件中获取当自己当前的路径是很重要的. 举个例子,如果一个css文件中引用图片,如background-img: url('./Images/bg.png').那么图片的路径,是相对于css文件而言的. 但是,如果我们再js文件中引用图片,如img.src = './images/bg.png'; 但是,图片却不是根据js的相对路径的.而是根据(引用该js)的html的相对路径来决定的.这显然不合理. 所以如果我们能获取js文件的绝对路径的话,就会好很多.譬如 img.src =

js文件中获取${pageContext.request.contextPath}

一般从 JSP文件中,可以直接使用 ${pageContext.request.contextPath}非常方便的获得当前页面的路径,用来处理被 Apache2代理之后出现 URL变化的问题,比如增加了某些前缀,方便转发,即使是 JSP内嵌的 JavaScript脚本,也是可以如此操作.但是如果是一个独立的 JavaScript文件,通过 XHTML <script src="LinkGame/js/LinkGame.js"></script> 1 <sc

js | javascript中获取dom元素的高度和宽度

javascript中获取dom元素高度和宽度的方法如下: 网页可见区域宽: document.body.clientWidth网页可见区域高: document.body.clientHeight网页可见区域宽: document.body.offsetWidth (包括边线的宽)网页可见区域高: document.body.offsetHeight (包括边线的高)网页正文全文宽: document.body.scrollWidth网页正文全文高: document.body.scrollH

03-书城bean类中的id缺少get属性

错误:id属性不可读解决方法: 测试了删除的整个流程,dao-service-servlet ,数据库也能正常测试想不出来为什么会bean类报错后来仔细一看id的get属性不知道什么时候被误删了,刚开始根本没有想到这个细节错误,把错误归结到servlet 打代码要细心呀...

在js中获取页面元素的属性值时,弱类型导致的诡异事件踩坑记录,

前几天写一个js的时候遇到一个非常诡异的事情,这个问题是这样的,我要获取一个页面的DOM元素的val值,判断这个值是否比某个变量大,这个需求原先数字最大也就是10,现在要改了,可能会更多,这个时候我发现比较大小的判断就出了问题: 代码粘出来: // js弱类型导致的诡异现象,11 > 9 false function downtest(id){// 现象是当val取到的元素val值是11的时候,11>9结果是false // 当前点击下一题的是第几题, var val=$("#&qu

Js中对id和class属性进行模糊查询

如题,从例子说明: <div id="divid" class="divclass" > <a id="divid-a" class="divclass-close"></a> </div> 选择所有a标签中id以divid开头的id属性: $('a[id^="divid"]'); 选择所有a标签中id以-a结尾的id属性: $('a[id$="di

ASP.NET中获取Repeater模板列中LinkButton按钮事件中获取ID等

前台页面中: <asp:Repeater ID="repComment" runat="server"> <ItemTemplate> <div class="reply">  <p class="con">

3.jquery在js文件中获取选择器对象

一.常用的选择器有一下几种: 1.标签选择器 2.类选择器 3.id选择器 4.并集选择器 5.层级选择器二.如何获取选择器对象: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>选择器</title> <script type="text/javascript" src=&q

vue的js文件中获取vue实例

1.main.js导出vue实例: var vue = new Vue({ el: '#app', router, components: { App }, template: '<App/>' }) export default vue 2.在需要使用的js中引入 import context from '../main.js' context.$router.push('/login')

js前台中获取后台传的值

后台controller String ifOffice = "yes";req.setAttribute("ifOffice", ifOffice); 前台js接收 if(${ifOffice=='yes'}){alert(1);}

JS文件中获取contextPath的方法

function getContextPath() { var pathName = document.location.pathname; var index = pathName.substr(1).indexOf("/"); var result = pathName.substr(0,index+1); return result;}

JS中获取session中传过来的值对象

摘录自:http://www.360doc.com/content/11/0316/13/5790498_101627263.shtml 把某一对象置于session范围内,并在JSP页面中提取session中放进去的对象的过程 Servlet代码: List<String> list=new ArrayList<String>(); list.add("王利虎"); HttpSession session=request.getSession(); /

在js中获取到的页面元素为undefined

在学习js的过程中发现了一个问题就是:在js代码中获取页面元素进行操作的时候发现怎么都没有效果,控制台也不报错,弹出获取的元素结果发现是undefined类型. 后来查找了资料发现:因为我的js是写在head头标签里面的,所以页面在加载的过程中首先加载js代码,页面元素还没有加载,所以js代码并不能获得页面元素. 值得一说的是,js的基本函数在加载js代码的时候并不会直接加载,而是在调用的时候才会加载到内存中.但是匿名函数会直接加载到内存中.

js中获取css样式属性值

关于js中style,currentStyle和getComputedStyle几个注意的地方 (1)用js的style只能获取元素的内联样式,内部样式和外部样式使用style是获取不到的.针对css样式里background-color;margin-left之类的短杠相接的属性名称,在使用style属性获取设置样式的时候名称要改为驼峰式,如ele.style.backgroundColor. (2)currentStyle可以弥补style的不足(可获取内联样式,内部样式和外部样式),但是只

JS中获取元素属性的逆天大法

给大家聊下js中获取元素属性的逆天大法,胆小慎入,切记切记!!! innerHTML.outerHTML.innerText .outerText.value.text().html(),val() 这些方法,大家应该用过,如果让你说出它们的一些区别和联系,能答得上来吗?接下来让我们一起来温故下. innerHTML.outerHTML.innerText .outerText.value 属于原生javascript的方法. text().html(),val()属于jQuery中的方法. 第

js中获取css属性

直接获取 window.onload = function() { var but = document.getElementById('button'); var div = document.getElementById('getStyle'); but.onclick = function() { alert(div.style.width);//弹出空的对话框 } } getComputedStyle(div)方法用法 window.onload = function() { var

js获取iframe中的元素以及在iframe中获取父级的元素（包括iframe中不存在name和id的情况）

第一种情况:iframe中不存在name和id的方法:(通过contentWindow获取) var iframe = document.getElementsByTagName('iframe')[0];var ifr_document = iframe.contentWindow.document;//iframe中的文档内容或者: var _iframe = document.getElementByIdx_x('iframeId').contentWindow; var _div

js中可以直接使用id而不用获取id

先来看一个例子: 不获取 id 也可以使用 id 元素.  <!DOCTYPE html> <html lang="en"> <head> <me

JS event中获取id,class等属性

热门专题