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
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
Comments
Post a Comment