-
原生js设置属性值和获取属性值
2019-06-04 18:29:07var testEle = document.getElementById("test") testEle.setAttribute("test","aaa"); // 设置 testEle.attributes["test"].nodeValue; // 获得var testEle = document.getElementById("test") testEle.setAttribute("test","aaa"); // 设置 testEle.attributes["test"].nodeValue; // 获得
-
原生js自定义属性的设置和获取
2019-06-01 08:26:36微信扫码关注公众号 : 前端前端大前端 ,追求 更精致 的阅读体验 ,一起来学习啊 ...,免费获取一整套前端系统...'属性名' , '属性值' ) dom . getAttribute ( '属性名' ) dom . removeAttribute ( '属性名' )
- 微信扫码关注公众号 :前端前端大前端,追求更精致的阅读体验 ,一起来学习啊
- 关注后发送关键资料,免费获取一整套前端系统学习资料和老男孩python系列课程
- 学习资源推荐 https://blog.csdn.net/qq_42813491/article/details/90213353
dom.setAttribute('属性名','属性值') dom.getAttribute('属性名') dom.removeAttribute('属性名')
-
原生js获取css伪类元素并设置属性
2019-09-28 15:38:53原生js获取css伪类元素并设置属性原生js获取css伪类元素并设置属性
需要解决的代码片
<style type="text/css"> *{padding: 0;margin: 0;} body{ display: flex; width: 100vw; height: 100vh; background: #636e72; justify-content: center; align-items: center; } button{ width: 100px; height: 40px; } button::after{ content: ''; width: 3px; height: 3px; display: inline-block; } @keyframes load{ 30%{ box-shadow: 3px 0 0 currentColor; } 60%{ box-shadow: 3px 0 0 currentColor,9px 0 0 currentColor; } 90%{ box-shadow: 3px 0 0 currentColor,9px 0 0 currentColor,15px 0 0 currentColor; } } </style>
<button>提交</button>
我们需要在点击提交的时候给button::after加上load动效,这时候该怎么做呢?
解决需求(设置或更改伪类的属性)
<script type="text/javascript"> function loading() { document.styleSheets[0].addRule('button::after','animation-name:load;animation-duration: 3s;animation-iteration-count: infinite;') } </script>
ok,这时候设置的属性就可使用了。
获取伪类元素并取值(如果你只是单纯的取值,请看这里)
<script type="text/javascript"> var buttonObj = document.querySelector('button') var buttonAfterStyle = getComputedStyle(buttonObj,':after') //第一种方法 alert('buttonAfterStyle.getPropertyValue("width") result: ' + buttonAfterStyle.getPropertyValue('width')) //第二种方法 alert('buttonAfterStyle.width result: ' + buttonAfterStyle.width) </script>
本博客其他文章推荐
如果有一屏幕的爱心,你愿意送给谁?(简单实现原生js、css随机生成521个心)
-
原生js及JQuery框架获取/设置属性的方法
2019-03-28 14:24:06原生JS: 原生js通过对元素对象调用getAttribute(name)来获得属性值 调用setAttribute(name,value)来设置属性值 JQuery框架: 原生框架获取属性有val()/attr()/prop()三个方法. val() 只用来获取或设置属性value的值....原生JS:
原生js通过对元素对象调用getAttribute(name)来获得属性值
调用setAttribute(name,value)来设置属性值
JQuery框架:
原生框架获取属性有val()/attr()/prop()三个方法.- val()
只用来获取或设置属性value的值.用于获取值时:与attr(value)不用的是val()获得的是实时值而另一个获得的是默认预设值(textbox文本框和hidden文本框中).用于设置值时在括号里传参数即可. - attr()和prop()
两者都可以用于获取和设置任何属性,但是根据官方建议:具有 true 和 false 两个属性的属性,如 checked, selected 或者 disabled 使用prop(),其他的使用 attr().
prop()是JQuery1.6新增的方法,用于解决1.6之前使用 attr() 有时候会出现不一致行为的问题.
- val()
-
原生js获取、设置、删除属性
2019-07-08 13:37:01原生js获取、设置、删除属性 1、获取属性 element.getAttribute(‘属性名’); //返回指定元素属性名的属性值 element.getAttributeNode(‘属性名’); //返回指定元素的属性名和属性值 element.attributes[‘属性名... -
原生JS 设置样式
2017-02-24 09:27:55用JS来动态设置CSS样式,常见的有以下几种 1. 直接设置style的属性某些情况用这个设置 !important值无效 如果属性有'-'号,就写成驼峰的形式(如textAlign) 如果想保留 - 号,就中括号的形式 element.style['... -
原生JS获取和设置指定属性
2017-10-10 17:19:09获取和设置属性 getAttribute object.getAttribute(attribute) 注:getAttribute方法不属于document对象,它只能通过元素节点对象调用。 setAttribute object.setAttribute(attribute,value) 例子: var ... -
原生JS添加设置和获取自定义属性 Jquer获取自定义属性
2018-10-12 20:52:58Jquery 获取自定义属性 注意 h5操作的是DOM, 设置属性后可以直接显示,但内存中是不变的,而是新开内存 Jquery 操作ode是内存,是直接修改内存自定义属性 ... -
原生js获取设置元素样式及属性值小结
2020-06-15 10:40:271、原生js获取元素样式 以下使用dom代表元素节点。 1、dom.style.xx 如要获取一个元素的color,可以使用 元素.style.color 。需要注意的是这种方式只能获取元素的行内样式值,无法获取到定义在<style><... -
IE9下,原生JS设置元素left和top属性为数值不生效
2015-04-13 17:44:00为什么80%的码农都做不了架构师?>>> ... -
原生js、jq获取和设置元素属性
2021-01-04 23:00:16https://www.cnblogs.com/chengxs/p/9000037.html -
class h5 点击后样式变化_原生JS设置CSS样式的几种方式
2021-01-17 12:50:46用JS来动态设置CSS样式,常见的有以下几种:1. 直接设置style的属性 某些情况用这个设置 !important值无效如果属性有'-'号,就写成驼峰的形式(如textAlign) 如果想保留 - 号,就中...2. 直接设置属性(只能用于某些属... -
JS(原生js和jq方式)获取元素属性(自定义属性),删除属性(自定义属性)...
2018-05-06 22:20:00JS(原生js和jq方式)获取元素属性(自定义属性),删除属性(自定义属性) 以下内容: 一、获取元素的属性 二、设置元素的属性 三、删除元素的属性 一、获取元素的属性 1-原生JS 获取属性 .getAttribute... -
原生js和jquery中有关透明度设置的相关问题
2020-12-12 19:01:42在日常开发的网站中,常常会用到设置透明度问题,最简单的就是图片的... 2 原生js设置透明度 为了兼容IE与其他浏览器对透明度的设置,我们需要对以上两种样式分别进行设置; 代码如下: var alpha = 30; //透明度值变量 -
原生js设置div隐藏或者显示_使用JavaScript显示/隐藏‘div’
2021-01-30 18:09:29如何显示或隐藏元素:为了显示或隐藏元素,操作元素的风格属性..在大多数情况下,您可能只想更改元素的display财产:element.style.display='none';//Hideelement.style.display='block';//Showelement.style.display... -
手把手带你用原生js实现css属性的set和get
2017-02-05 19:04:03上一篇博文介绍了getComputedStyle方法,接下来,我们就来实现一个...作者:Icarus原文链接:手把手带你用原生js实现css属性的set和get Let's start 首先创建一个 css-tool.js 文件,一开始他是这个样子的: ;(func...
收藏数
433
精华内容
173