JS获取标签方法及兼容处理

document.getElementById('Id名'); // 所有浏览器 document.getElementsByTagName('标签名'); // 所有浏览器 document.getElementsByName('name'); // 所有浏览器 document.getElementsByClassName('类名'); // 除ie9以下,均支持如需通过类名获取标签,并兼容所有浏览器,则需做兼容处理: /* * 功能: 通过类名获取一定范围内的标签数组 *…

JS获取标签内容的方法

JS获取标签内容的方法测试代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="box"> <p>这有个第一个p</p> <p>这…

JS获取回车事件（兼容各浏览器）

一.用到onkeydown获取事件动作, 二.用到键盘对应代码keyCode, 三. var event=arguments.callee.caller.arguments[0]||window.event;//消除浏览器差异, 代码如下: XML/HTML代码<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-tra…

js获取标签的几种方式

一:id获取(全部浏览器兼容) document.getElementById(""); <body> <div id="box"></div> </body> <script> var box = document.getElementById("box"); </script> getElementById,它只有document对象才能使用,而且返回的是数组的第一个元素…

js获取鼠标坐标位置兼容多个浏览器

这个是IE 11 下兼容下视图测试时可用. $(window).bind('beforeunload', function (event) { var _this = this; var x = event.originalEvent.clientX; var y = event.originalEvent.clientY; || event.altKey) { // alert("ok"); $.post("/admin/login/ClearSesssion",…

JS获取长度方法总结

目录: 1length 2size() 3length与size()的区别 4获取元素的索引 - index() 5获取对应的索引 - eq() 概述: 在工作中大家经常需要获取对象的长度,或者要获取对象的位置,JS实现的方法有很多,今天总结一下. length: length是JS原生的方法,用于获取元素的个数或者对象的长度,从1开始 1 2 //用于获取对象的长度,从1开始 var length = $("#uw3c").length; size(): size()是jQuery中…

js 获取getElementsTagName()方法返回值的内容

<div id="news-top" class="section"> <h3>Some title</h3> <div class="content"> <ul> <li><span>HTML</span><a href="">Some Link1</a></li> <li><…

JS获取节点方法

1. 通过顶层document节点获取:(1) document.getElementById(elementId):该方法通过节点的ID,可以准确获得需要的元素,是比较简单快捷的方法.如果页面上含有多个相同id的节点,那么只返回第一个节点. 如今,已经出现了如prototype.Mootools等多个JavaScript库,它们提供了更简便的方法:$(id),参数仍然是节点的id.这个方法可以看作是document.getElementById()的另外一种写法,不过$()的功能更为强大,具体…

（转载）js获取JqueryString方法小结

一．<script>urlinfo=window.location.href; //获取当前页面的urllen=urlinfo.length;//获取url的长度offset=urlinfo.indexOf("?");//设置参数字符串开始的位置newsidinfo=urlinfo.substr(offset,len)//取出参数字符串这里会获得类似“id=1”这样的字符串newsids=newsidinfo.split("=");//对获得的参数字符…

js获取标签下标

<body> <div class="titTab"> <span>低</span> <span>中</span> <span class="select">高</span> </div> <input type="button" value="获取下标" class="target"/>…

JS获取鼠标位置，兼容IE FF

由于Firefox和IE等浏览器之间对js解释的方式不一样,firefox下面获取鼠标位置不能够直接使用clientX来获取.网上说的一般都是触发mousemove事件才行.我这里有两段代码,思路都一样,就是风格不同. 第一段代码是利用全局变量来获取实时鼠标的位置. var xPos; var yPos; window.document.onmousemove(function(evt){ evt=evt || window.event; if(evt.pageX){ xPos=evt.page…

【分享】封装js操作textarea 方法集合(兼容很好)。

请使用下面的btn操作. 虽然你现在看来没什么用,当要用的时候又到处找资料,还不如现在收集一下. 在DOM里面操作textarea里面的字符,是比较麻烦的. 于是我有这个封装分享给大家,测试过IE6,8, firefox ,chrome, opera , safari.兼容没问题. 注意:在firefox下添加字符串的时候有个bug 就是scrollTop 会等于0,当然解决了,但是不够完美.如果有高手也研究过,麻烦指点下. var TT = { /* * 获取光标位置 * @…

js获取标签的三种方式

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> ul li{ color: black; } ul li.active{ color: red; } </style> </head> <body> <div…

js获取url方法

//设置或获取对象指定的文件名或路径.alert(window.location.pathname); //设置或获取整个 URL 为字符串.alert(window.location.href); //设置或获取与 URL 关联的端口号码.alert(window.location.port); //设置或获取 URL 的协议部分.alert(window.location.protocol); //设置或获取 href 属性中在井号"#"后面的分段.alert(window.loc…

Js获取标签高度

能力有限:问个问题,标签相对页面高度,是怎么写? 鼠标的横坐标,X轴: event.clientX; 鼠标的竖坐标,Y轴: event.clientY; 网页可见区域宽: document.body.clientWidth; 网页可见区域高: document.body.clientHeight; 网页可见区域高(包括边线的宽): document.body.offsetHeight; 网页正文全文宽: document.body.scrollWidth; 网页正文…

js获取ip方法

[04]JS获取文件大小方法

</pre><pre name="code" class="html"><input id="file" type="file"> <input id="Button1" type="button" value="button" onclick="check()"> <script> wi…

【封装函数】原生js 获取行内外联样式-兼容IE

var dom=document.getElementsByTagName("div")[0]; console.log(getStyle(dom,"padding-top")); function getStyle(ele,attr){ if(window.getComputedStyle){ return window.getComputedStyle(ele,null)[attr]; } return ele.currentStyle[attr]; }…

JS：获取标签的6个方法+获取html+获取body

JS 获取标签的方法通过class: document.getElementsByClassName('class名');返回数组通过name: document.getElementsByName('name名');返回数组通过id: document.getElementById('id名'):返回一个对象通过标签名: document.getElementsByTagName(‘标签名’);返回数组通过通用选择器:document.querrySelector('可以写任何选择器只…

js操作textarea方法集合

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme() + "://" + request.getServerName() + ":" + requ…

JS获取最终样式

在使用jqery时,操作什么都很方便,比如获取CSS样式,直接.css加样式名就可以获取你要的,但是JS,就麻烦点,因为有兼容问题,要做兼容,而jqery都是做好了的, 下面就是使用JS获取CSS样式的兼容方法 /*获取最终样式 * ele :元素节点名 * key :css 类型例如:left */ function getCss(ele,key){// return ele.currentStyle ? ele.currentStyle[key] :document.defaultView…

js与jQuery方法对比

javascript与jQuery方法对比jquery对象转dom对象 // 方式一(推荐使用) $("input")[0] // 方式二 $("input").get(0) // 方式三 $("input").eq(0)[0] // 方式四 $("input:eq(0)")[0] var getObjectByJs = document.getElementById("test"); var getO…

javascript 获取标签内的内容

js 获取标签内的内容参考:这篇博客给了我很大的启发. http://www.cnblogs.com/breakdown/archive/2012/10/09/2716221.html 我遇到的问题:获取span标签中的值51,各种折腾:正则,截取,替换,最后参考上文使用替换解决了.特感谢博主. <a href=""><span id="span4028807e4ebe04ee014ebea76a6d0001alarm" style="…

js获取随机数

js 获取随机数方法如下: 1.Math.random()表示结果为0-1间的一个随机数(包括0,不包括1) : 返回指定范围的随机数(m-n之间)的公式 Math.random()*(n-m)+m; Math.random()*10+5; //返回5-15之间的随机数 2.Math.ceil(n) 返回大于等于n的整数用Math.ceil(Math.random()*10);时,主要获取1到10的随机整数,取0的几率极小. 3.Math.round(n); 返回n四舍五入后整数的值. 用M…

java：JavaScript2：（setTimeout定时器，history.go()前进/后退，navigator.userAgent判断浏览器，location.href，五种方法获取标签属性，setAttribute，innerHTML，三种方法获取form表单信息，JS表单验证，DOM对象，form表单操作）

1.open,setTimeout,setInterval,clearInterval,clearTimeout <!DOCTYPE> <html> <head> <meta charset="UTF-8"></meta> <title></title> <script type="text/javascript"> // BOM:浏览器对象,broswer object…

JS获取HTML DOM元素的8种方法

什么是HTML DOM 文档对象模型(Document Object Model),是W3C组织推荐的处理可扩展置标语言的标准编程接口.简单理解就是HTML DOM 是关于如何获取.修改.添加或删除 HTML 元素的标准.我们用JavaScript对网页进行的所有操作都是通过DOM进行的. 这篇文章不做深入研究,只把各种用法和坑做一个总结. JS获取DOM元素的方法(8种) 通过ID获取(getElementById) 通过name属性(getElementsByName) 通过标签名(getE…

JS基础入门篇（三）—使用JS获取页面中某个元素的4种方法以及之间的差别（一）

1.使用JS获取页面中某个元素的4种方法 1.通过id名获取元素 document.getElementById("id名"); 2.通过class名获取元素 document.getElementsByClassName("class名"); 3.通过元素标签去获取元素 document.getElementsByTagName("标签名"); 4.通过css选择器去获取元素 document.querySelectorAll("cs…

JS获取DOM元素的八种方法

JS获取DOM元素的方法(8种) 通过ID获取(getElementById) 通过name属性(getElementsByName) 通过标签名(getElementsByTagName) 通过类名(getElementsByClassName) 获取html的方法(document.documentElement) 获取body的方法(document.body) 通过选择器获取一个元素(querySelector) 通过选择器获取一组元素(querySelectorAll) 1.通过ID获…

如何用 js 获取table 或者其他块状标签的宽和高

这个比较简单,总体思想,标签标记一个id,js获取id,就能用它的属性了.介绍两种方法.请看下面代码. 第一种 <script> function width_table_all() { var tabl = document.getElementById("tabl").offsetWidth; alert(tabl); </script> 这个是js的函数,offsetWidth是一个属性.tabl是id,请看下面的table 里面的id <table…

Js获取后台集合List的值和下标的方法

Js获取后台集合List的值和下标的方法转载自:http://blog.csdn.net/XiaoKanZheShiJie/article/details/47280449 首先用的是struts2的框架,分两种情况: 1. 集合list里面是值,不是对象前台代码: 首先,引入相应的标签和js库 (1)引入jstl标签库,<%@taglib uri="http://Java.sun.com/jsp/jstl/core" prefix="c"%> (2…

【JS获取标签方法及兼容处理】的更多相关文章