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

下面我是通过class获取元素

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><meta http-equiv="X-UA-Compatible" content="ie=edge" /><title>Document</title><style>.bb {background: pink;}</style></head><body><div class="aa"><h1>hahah</h1></div><script>window.onload = function() {//通过类名获取元素var a = document.getElementsByClassName('aa')[0]//给元素设置样式a.style.backgroundColor = 'pink'}</script></body>
</html>

//后面不带索引值控制台出现报错
var a = document.getElementsByClassName('aa')

原生js获取元素并设置样式相关推荐

原生js获取元素高度
原生js获取元素高度 <div id='container'></div> let dom = document.getElementById('contanier')dom. ...
原生js获取html元素高度,原生JS获取元素宽高实践详解
开篇的话任何不是亲身实践中求得的知识,都不是属于你的. 任何求得的知识不去时常温习运用,也不是属于你的. 记录由来在做个上拉广告功能中遇到了一个"理所当然"觉得对的用法,慢慢才 ...
原生JS获取元素属性值
方法一第一步我们要获取到元素(比如用ID),不可以是类数组(比如用class),类数组除了有一些数组的基本特征不可以使用其他方法,你会报错的第二步目标元素必须设置position为absolu ...
原生js获取元素的子元素
//使用firstChild //但是下面这种因为有空格,也算其子元素<lable><span id="onlinePerson" name="pers ...
JS 获取元素当前的样式信息
1 HTMLElement.prototype.__defineGetter__("currentStyle", function () { 2 return this.owner ...
js原生后代选择器_JavaScript DOM查询，原生js实现元素子节点的获取
每个网页都是一个dom树,网页中所有的内容都是这个树上的一个节点.JavaScript的工作就是操作这些节点,对节点进行查增删改操作,或是给节点绑定事件. 网页 dom树要操作dom节点,首先要获取 ...
怎么修改html行内样式表,原生JS获取及设置CSS样式-1.行内样式
面试中,应该会经常被问到样式的写法以及如何使用原生JS获取及操作样式的问题吧,让我给大家总结一下~ HTML中样式的写法不外乎以下四种方式行内样式假装有内容 head内部样式 div { widt ...
原生js获取以固定字符开头的控件id，并设置属性
原生js获取以固定字符开头的控件id,并设置属性还在用JQ加CSS选择器获取指定id开头的DOM嘛? 现在试试 JavaScript提供的querySelectorAll函数目前几乎主流浏览器均支 ...
js基础总结——js 获取元素节点、js 绑定onclick事件、js 获取属性修改属性值、js 获取子元素、js 改变css样式
参考书籍:<JavaScript DOM编程艺术第2版> 本博客代码的测试页面是:https://www.layui.com/ js dom操作 js 获取元素节点一份document ...

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

原生js获取元素并设置样式相关推荐

最新文章

热门文章