IE9以上获取元素的写法

最新推荐文章于 2022-09-05 17:10:14 发布

ann123_2016

最新推荐文章于 2022-09-05 17:10:14 发布

阅读量201

点赞数

原文链接：http://www.cnblogs.com/qiyc/p/5835983.html

版权

document.querySelector("#id");

转载于:https://www.cnblogs.com/qiyc/p/5835983.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

ann123_2016

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

js 获取元素位置和大小_js 位置_Js宽度高度（详解）

天马3798

12-10

3714

如obj.style.top、obj.style.wdith等，在读的时候，他们返回的值常常是带有单位的(如px)，同时，对于这种方式，它只能够获取到该元素的行内样式，而并不能获取到该元素最终计算好的样式，这就是在读取属性值得时候和以上只读属性的区别，要获取计算好的样式，请使用obj.currentstyle（IE）和getComputedStyle(IE之外的浏览器)。该属性指的是当元素其中的内容超出其宽高的时候，元素被卷起的高度和宽度，即滚动条宽高度。

兼容IE9以下的获取兄弟节点

weixin_30617695的博客

03-26

function fileCheck(ele){ function getNextElement(node){ //兼容IE9以下的获取兄弟节点 var NextElementNode = node.nextSibling; while(NextElementNode.nodeValue != null){ NextElem...

参与评论您还未登录，请先登录后发表或查看评论

IE9- 图片|遮挡|绝对|定位|元素的|解决|办法

細水、長流√的专栏

09-09

1197

DOCTYPE html> html lang="en"> head> meta charset="UTF-8"> title>Documenttitle> style> img{border:none;display:block;width:120px;height:120px;} .arrow{w

让IE9及以下浏览器支持HTML5元素和媒体查询

aithena的博客

04-29

421

支持HTML5元素  支持媒体查询，IE9自身支持媒体查询 <!--[if lt IE 9]> <sc...

IE以及非IE如何获取元素的样式值

qq_35146837的博客

07-14

597

dom 的元素样式：行内元素：

IE9 使用document.getElementsByName("") 的兼容性问题。

weixin_30887919的博客

09-04

266

ie9 使用document.getElementsByName("")出现问题但是可以使用var inputs =$('[name=abc]'); 这个不知道是怎么实现的，但可以跨越这个陷阱。 function getByName(Name){　　var i = document.getElementsByName(Name);　　if(i>0){　　　　retu...

jquery获取特定name所有选中的checkbox,支持IE9标准模式

12-03

这里我们关注的问题是如何在jQuery中正确地获取具有特定name属性且被选中的所有复选框，同时确保在IE9的标准模式下也能正常工作。原先的jQuery选择器表达式是： ```javascript var selectChks = $("input[type=...

IE、FF的JS兼容写法

03-28

此外，IE和FF对于获取和设置CSS属性的方式也不同。IE通常使用`style.property`，而FF使用`style.getPropertyValue('property')`和`style.setProperty('property', 'value')`。可以创建一个通用函数来处理这个问题： ...

JavaScript在IE和Firefox浏览器下的7个差异兼容写法小结

10-29

为了获取元素的“推算样式”（即最终计算出来的样式），IE浏览器提供了一个名为“currentStyle”的属性，而Firefox浏览器则提供了“getComputedStyle”方法，通过这些不同的API可以获取到元素的最终样式。...

js 获取元素的具体样式信息getcss(实例讲解)

10-19

在JavaScript中获取元素的具体样式信息，可以通过多种方式实现，包括使用element.style直接获取样式、使用window.getComputedStyle()方法，以及处理不同浏览器的兼容性问题。下面将详细介绍这些知识点。 ### 使用...

用Javascript打印网页指定标签的内容

06-22

用Javascript打印网页指定标签的内容

兼容ie和firefox的获取html元素自定义属性

marky2007的专栏

07-17

1040

有时候在html中自定义属性能够方便我们，比如hello,通常在ie中获取time的办法是：document.getElementById(span1).time就行，但是这个方法在firefox下不管用，兼容的做法是这样的： document.getElementById(span1).attributes[time].nodeValue;

解决IE无法根据类名获取元素的问题

fei0700的博客

07-29

271

根据类名获取元素

IE8下Jquery获取select选中的值的问题

weixin_34327761的博客

10-30

144

2019独角兽企业重金招聘Python工程师标准>>> ...

【博学谷学习记录】超强总结，用心分享 |获取元素

scjiji的博客

09-05

111

用js获取文档的主要方式，分别从4个方面进行说明，

获取页面元素的5种方法

最新发布

05-17

在 IE8 及以下版本中，sessionStorage 是不支持的，但可以通过 userData 来模拟实现类似 sessionStorage 的功能。下面是一个简单的兼容 IE 的 sessionStorage 实现： ```javascript if (!window.sessionStorage) { Object.defineProperty(window, 'sessionStorage', { value: { getItem: function (key) { return document.documentElement.getAttribute('sessionStorage-' + key); }, setItem: function (key, value) { document.documentElement.setAttribute('sessionStorage-' + key, value); }, removeItem: function (key) { document.documentElement.removeAttribute('sessionStorage-' + key); } } }); } ``` 上述代码中，我们首先判断浏览器是否支持 sessionStorage，如果不支持，则使用 Object.defineProperty 方法将 sessionStorage 定义为一个对象，并在这个对象上定义 getItem、setItem 和 removeItem 方法，实现对应的功能。对于 IE8 及以下版本，我们可以使用 userData 来模拟实现 sessionStorage。 ```javascript if (!window.sessionStorage) { Object.defineProperty(window, 'sessionStorage', { get: function () { if (!document.documentElement.getAttribute('sessionStorage')) { var storage = document.createElement('input'); storage.type = 'hidden'; storage.style.display = 'none'; storage.addBehavior('#default#userData'); document.body.appendChild(storage); var expires = new Date(); expires.setDate(expires.getDate() + 365); storage.expires = expires.toUTCString(); document.documentElement.setAttribute('sessionStorage', true); } return document.documentElement.getAttribute('sessionStorage'); }, value: { getItem: function (key) { var storage = this.storage; return storage.getAttribute(key); }, setItem: function (key, value) { var storage = this.storage; storage.setAttribute(key, value); storage.save('sessionStorage'); }, removeItem: function (key) { var storage = this.storage; storage.removeAttribute(key); storage.save('sessionStorage'); }, storage: null } }); } ``` 上述代码中，我们使用 Object.defineProperty 方法将 sessionStorage 定义为一个对象，并在这个对象上定义 getItem、setItem 和 removeItem 方法，实现对应的功能。同时，我们还定义了一个 storage 属性，用来保存 userData 对象。在 sessionStorage 的 getter 方法中，我们首先判断是否已经创建了 userData 对象。如果没有，我们就创建一个 input 元素，并将其添加到页面中。然后，我们给这个 input 元素设置 expires 属性，指定 userData 的过期时间。最后，我们将一个标识设置为 documentElement 的属性中，表示已经创建了 userData 对象。在 getItem、setItem 和 removeItem 方法中，我们都使用 storage 属性来获取或设置 userData 对象中的数据。每次修改数据时，我们都需要调用 save 方法来保存数据。