2020-12-31

JavaScript(二)

属性、样式操作

改变元素样式的方式:外部样式表、内部样式表、行内样式。

获取元素的显示样式

获取节点的方式:

通过id获取:document.getElementById()
通过选择器来获取:document.querySelector(),document.querySelectorAll()
通过class名字获取:document.getElementsByClassName()
通过标签名获取:document.getElementsByTagName()
通过name获取:document.getElementsByName()

用classList来操作类名

添加类名: .classList.add()  移除类名: .classList.remove()
切换类名(有则移除,没有则添加): .classList.toggle()


let oWrap = document.getElementById("wrap"); //不标准的写法 // oWrap.style = "width: 300px"; //style 这个合法的标签属性很特殊 console.log( oWrap.style ); oWrap.style.width = "300px"; oWrap.style.height = "200px"; oWrap.style.backgroundColor = "red";//样式操作let oWrap = document.getElementById("wrap"); oWrap.onclick = function(){  // oWrap.style.width = "500px";  //在事件函数里面,可以用 this来代替oWrap  this.style.width = "500px"; };//变相操作样式let oWrap = document.getElementById("wrap"); oWrap.onclick = function(){  //添加名字,点击时,更换名字生成样式  this.className = "fly"; };

 










原文转载:http://www.shaoqun.com/a/504677.html

跨境电商:https://www.ikjzd.com/

cicpa:https://www.ikjzd.com/w/1375

笨鸟:https://www.ikjzd.com/w/2713


属性、样式操作改变元素样式的方式:外部样式表、内部样式表、行内样式。获取元素的显示样式获取节点的方式:通过id获取:document.getElementById()通过选择器来获取:document.querySelector(),document.querySelectorAll()通过class名字获取:document.getElementsByClassName()通过标签名获取:doc
跨境通电子商务:跨境通电子商务
ryder:ryder
巴西旅游娱乐 感受浪漫情人节 - :巴西旅游娱乐 感受浪漫情人节 -
泰国的泰式古法按摩有何作用?:泰国的泰式古法按摩有何作用?
Amazon Marketplace Professional Services Program:Amazon Marketplace Professional Services Program

No comments:

Post a Comment