javascript获取css行内样式

最新推荐文章于 2022-08-27 15:52:29 发布
最新推荐文章于 2022-08-27 15:52:29 发布
阅读量539 收藏
点赞数 1
分类专栏： javascript基础 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/chen_junfeng/article/details/109092115
版权

javascript获取css样式

  • 获取行内样式
    • ele.getComputedStyle //标准浏览器 IE8以上支持
    • ele.currentStyle //支持低版本IE浏览器 IE8及其以下
  • 获取非行内样式
    • ele.style.attr //只能获取非行内样式
  • 封装兼容函数
/**
 * 获取元素样式
 * @param { ELEMENT } ele 要获取样式得元素
 * @param { STRING } style 要获取得样式字符串
 * @return { STRING } 获取到得元素得样式
 */
function getStyle(ele, style) {
   
    // 判断 window 里面有没有 getComputedStyle()
    if (
最低0.47元/天 解锁文章
LoveyL0201
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ie浏览器插件（页面数据抓取）
04-13
ie浏览插件，对页面的数据项进行抓取，并可以对数据项赋值
Java网页编程与设计——javascript语言
LiLi的博客
09-29 1316
1.1JavaScript的简介 1）为什么学习javascript（作用） 1.html+css 知识可以实现静态的页面无法实现动态的效果 2.表单的校验 3.背景图片的更换 4.操作节点的信息 2）javascript的概念 javascript 一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型 3）javascript的组成 ECMAScript：JavaScript的核心 文档对象模型（DOM）：DOM（文档对象模型）是 HTML 和 XML 的 应用程序接口（API）。D
无法在对象浏览器中查看此项目_JavaScript的DOM对象
weixin_39980129的博客
12-03 397
noscript元素警告：此网站需要JavaScript。请启动JavaScript的web浏览器访问此网站。全局DOM对象对象名称含义document当前的web页面history用户以前访问过得页面列表location当前web页面的URLnavigator用户正在使用web浏览器screen浏览器和页面占用的屏幕区域window浏览器窗口全局DOM对象window对象的方法方法名称...
兼容IE浏览器和DOM浏览器的事件对象
weixin_38378596的博客
11-30 610
    虽然DOM和IE中的event对象不同，但基于他们的相似性依旧可以拿出跨浏览器的方案来。IE中event对象全部信息和方法DOM方法中都有，只不过实现的方法不一样，这种对应关系让实现两种事件模型之间的映射非常容易。创建EventUtil对象，如下： var EventUtil = { addHandler: function(element, type, handler){ /...
访问事件对象,iE与标准DOM获取事件对象不一样，获取事件属性 获取事件源方式不一样，一个ie 是srcElement，一个是target。
old_man31的博客
02-09 313
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport"
javascript获取元素CSS样式代码示例
10-26
本文将详细介绍如何使用JavaScript获取元素的CSS样式信息，包括行内样式、内嵌样式、链接式样式和导入式样式。 首先，了解四种控制页面样式的常见方式： 1. 行内样式（内联样式）：直接在HTML标签中使用`style`属性...
老生常谈JavaScript获取CSS样式的方法(兼容各浏览器)
12-10
众所周知，CSS样式有三种类型：行内样式、内部样式和外部样式，JavaScript获取CSS样式时分为两种情况：行内样式获取法 和 非行内样式获取法 。 一、行内样式获取相对简单，通过element.style.attr（元素.style.属性...
原生JS实现获取及修改CSS样式的方法
10-18
一、行内样式获取 行内样式是直接在HTML元素的`style`属性中定义的样式。例如： ```html ;height:200px;border:3px solid cyan;"> ``` 通过JavaScript获取这些样式，可以使用`element.style`对象，如下所示： ```...
ihtml2document能不能根据id获取dom_JS原生DOM
weixin_39636333的博客
12-01 144
原生Dom编程目录：1.概述DOM是什么，有什么特点2.如何调用原生DOM的API3.关于Node有哪些要注意的地方4.节点的增删改查5.Property VS AttributeStart网页是一棵树结构1.JS通过浏览器，在window上加上一个document，然后用document操作网页 以上就是，Document Object Model 文档对象模型2.原生DOM很难用，就是很蠢，屁...
html原生选择器,HTML5:原生DOM选择器，类jquery
weixin_36410141的博客
06-03 174
1.querySelector()：返回匹配的第一个元素，若没有匹配项，返回null2.querySelectorAll()：返回匹配的元素集合，若没有匹配项，返回空的nodelist节点数组3.返回的结果是静态的，dom结构改变不会更新之前取到的结果浏览器支持：目前 IE8＋，ff，chrome 都支持此API(IE8中的selector string 只支持css2.1的)FeatureChr...
JS 获取span标签中的值的代码 支持ie与firefox
小树吥倒
01-11 458
ie支持outerText，firefox支持textContent 代码如下 if (isIE)  {  var spanTest=document.getElementById('spanTest');  spanValue = spanTest.outerText;  }  else  {  spanValue = spanTest.textContent;
关于ie7、8 DOM上属性的获取
09-07 1065
blog='danney'> 这里我们在dom上添加了一个自定属性blog='danney'，假设我们当前是引入了jquery的 $(a)[0].blog在ie7、8下可以正确拿到danney值。但是在ie9-11都拿到undefined。chrome也是undefined。 所以在代码中尽量避免这种获取属性的方式。 错误案例如下： $('a').click(function(){ v
IE7下 DOM对象属性访问
qq_37373546的博客
01-19 283
什么是 DOM？ DOM 是 W3C（万维网联盟）的标准。 DOM 定义了访问 HTML 和 XML 文档的标准： “W3C 文档对象模型 （DOM） 是中立于平台和语言的接口，它允许程序和脚本动态地访问和更新文档的内容、结构和样式。” W3C DOM 标准被分为 3 个不同的部分： 核心 DOM - 针对任何结构化文档的标准模型 XML DOM - 针对 XML 文档的标准模型 HTML DOM...
js获取当前节点css,js获取元素样式
weixin_39683863的博客
08-03 446
内联样式：Element.style外部样式:1.getComputedStyle():可以获取当前元素最终使用的css属性值window.getComputedStyle("元素", "伪类/null").attribute;document.defaultView.getComputedStyle("元素", "伪类");注意：Firefox和Safari会将颜色转换成rgb格式2.eleme...
firefox 关于非标准属性值的读取与ie的区别
銠槍--突廆孒
04-22 842
在ie中，obj.setAttribute("")obj.setAttribute("a","b")obj.a="b";   obj.getAttribute("a")obj.a;而在firefox 中，obj.setAttribute("")obj.setAttribute("a","b")obj.a="b";   obj.getAttribute("a")obj.a;示例：
JavaScript DOM 操作
qq_60281421的博客
03-16 817
javaScript的基本操作
前端 JavaScript DOM
wuxingge的博客
04-28 430
什么是DOM DOM，全称Document Object Model 文档对象模型 JS中通过DOM来对HTML文档进行操作。只要理解了DOM就可以随心所欲的操作WEB页面 文档 文档表示的就是整个的HTML网页文档 对象 对象表示将网页中的每一个部分都转换为一个对象 模型 使用模型来表示对象之间的关系 ...
JavaScript学习DAY10
weixin_43606194的博客
08-16 66
DAY10 一、获取节点 层次结构 获取DOM节点 parentNode parentElement => 返回元素父节点 childNodes => 返回子节点（元素节点、文本节点） children => 返回所有子元素节点
JavaScript
qq_52060072的博客
08-27 5505
JavaScript基础笔记
css行内样式怎么写hover
最新发布
04-19
针对这个问题，我可以提供如下的回答： 在CSS中，hover伪类可以用于设置当鼠标悬停在一个元素上时的样式效果。...同时，在JavaScript中，可以使用onmouseover和onmouseout事件来动态改变行内样式，从而实现hover效果。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值