<h1 class="h1class" style="color:red">测试一哈<h1>
.h1class{font-size:12px;}
function getAttr(obj, attr) {  //我们把它们封装为一个函数,// 注意了在全局下定义的函数的都会默认设置为window对象的方法,// 所以以后我们调用方法的时候就可以直接用然后省略前面的对象,// 当然了你这样var style=window.getAttr(div,'width');调用也是木有问题的。var style;if (obj.currentStyle) {   //当有这个属性的时候currentStylestyle = obj.currentStyle[attr]; //兼容IE 我测试的是ie5+}else {style = window.getComputedStyle(obj, false)[attr]; //主流浏览器}return style;
}

JS 获取 元素 非行内样式相关推荐

  1. 原生js获取元素并设置样式

    下面我是通过class获取元素 <!DOCTYPE html> <html lang="en"><head><meta charset=& ...

  2. JS 获取元素当前的样式信息

    1 HTMLElement.prototype.__defineGetter__("currentStyle", function () { 2 return this.owner ...

  3. js获取元素样式-行内样式、内部样式、外部样式

    js获取元素样式 一.行内样式 具体实现 二.获取所有样式 具体实现 一.行内样式 具体实现 在js获取到dom元素之后,使用其style属性即可获取到其所有的行内样式 <div id=&quo ...

  4. js获取行内以及非行内样式

    如何取到非行内样式属性的属性值 //现代浏览器 getComputedStyle(domobj,null)[attr]; //低版本的一些浏览器 domobj.currentStyle[attr]; ...

  5. js基础总结——js 获取元素节点、js 绑定onclick事件、js 获取属性 修改属性值、js 获取子元素、js 改变css样式

    参考书籍:<JavaScript DOM编程艺术 第2版> 本博客代码的测试页面是:https://www.layui.com/ js dom操作 js 获取元素节点 一份document ...

  6. JS 修改元素的内联样式

    JS修改元素样式 语法:元素.style.样式名=样式值 例如:documents.getElementByName("demo").style.width="200px ...

  7. JS获取元素所有样式属性

    getComputedStyle getComputedStyle:获取元素所有的样式 参数1:要获取样式的对象 参数2:伪元素,一般不传,默认为null 返回值:是样式对象 获取元素属性的特点: 1 ...

  8. 原生js获取html元素高度,原生JS获取元素宽高实践详解

    开篇的话 任何不是亲身实践中求得的知识,都不是属于你的. 任何求得的知识不去时常温习运用,也不是属于你的. 记录由来 在做个上拉广告功能中遇到了一个"理所当然"觉得对的用法,慢慢才 ...

  9. js获取元素的方法与属性

    js获取元素的方法 可以使用内置对象document上的getElementById方法来获取页面上设置了id属性的元素,获取到的是一个html对象,然后将它赋值给一个变量 <scripttyp ...

  10. JS获取元素的大小(高度和宽度)

    JS获取元素的大小(高度和宽度) 在 JavaScript中,使用下面 3 组属性可以获取元素的高度和宽度.如表所示. 元素尺寸属性 说明 clientWidth 获取元素可视部分的宽度,即 CSS ...

最新文章

  1. 【开源方案共享】VDO-SLAM:基于视觉的动态SLAM感知系统
  2. tendermint+java_tendermint简介
  3. OpenStack部署笔记和安装WindowsXP镜像
  4. Centos7制作局域网http的yum源
  5. Android 中opengl es灯光效果实例
  6. microservices kubernetes
  7. 标签插入两一个html,一个类下有很多a标签,给第二个a标签添加样式,怎么写才能不用再给第二个a添加类_html/css_WEB-ITnose...
  8. url、href、src 详解
  9. [Python] L1-023. 输出GPLT-PAT团体程序设计天梯赛GPLT
  10. 25款.NET开发工具
  11. 推荐几个不错的技术公众号
  12. 简单使用_八角气囊如何使用简单介绍
  13. WorldWind学习系列六:渲染过程解析篇
  14. Windows Phone实用开发技巧(33):不重启程序切换当前语言
  15. Cannot load driver ‘C:\Keil_v5\ARM\Segger\JL2CM3.dll 报错解决方法。
  16. 原生社区交友婚恋视频即时通讯双端APP源码ONE兔2.0版
  17. iOS GPS定位减小精度误差的几种处理方法
  18. Android 直播 直播播放器选型
  19. 计算机网络自顶向下 概念填空整理(完整)
  20. 优质的服务器机房有哪些表现

热门文章

  1. Parallel Scavenge无法和CMS共同使用
  2. 上海宝付揭穿网络招聘小把戏
  3. 【论文笔记_对比学习_2021】CONTRASTIVE LEARNING WITH HARD NEGATIVE SAMPLES
  4. Linux openwrt 树莓派 香蕉派 嵌入式 usb 声卡 PCM2704 2705 2706 CM108 PCM2704/2705/2706 linux专用声卡 专用usb声卡
  5. R语言中的Factor到底是什么?
  6. 日语动词变形(转载)
  7. python爬取其他人微信朋友圈_python爬虫24 | 搞事情了,用 Appium 爬取你的微信朋友圈...
  8. matlab 生成hasse图,Hasse图详解
  9. python情绪识别_使用百度对话情绪识别api分析文本
  10. 机器人布里茨说什么_lol蒸汽机器人布里茨辅助玩法介绍 值得一看