dom添加樣式可以這樣寫

 

1、原生 js添加樣式很多時可以合並在一起寫：

var oPopwin = document.getElementById('vpage');
oPopwin.style.margin = 'initial';
oPopwin.style.marginTop = 'initial';
oPopwin.style.bottom = "0"
oPopwin.style.right = "0"

 

可以這樣寫簡化代碼：

var oPopwin = document.getElementById('vpage');
oPopwin.style ='margin:initial;marginTop:initial;bottom:0;right:0;'

 

2、HTML DOM classList 屬性

可添加、刪除一個或多個class

document.getElementById('div1').classList.add('add1','add2','add3')
document.getElementById("div1").classList.remove("add1",'add3')

 

3、JS的DOM獲取元素可以這樣寫：

var oVpage = document.getElementById('vpage');
var tjpos=oVpage.getElementsByTagName('p')[0]

//tjpos是[object HTMLParagraphElement]
//<p class="tjpos">開屏測試視頻</p>
console.log(tjpos)