1.DOM Document Object Model
2.DOM定義了表示和修改文檔所需要的方法,DOM對象即宿主對象,由瀏覽器廠商定義,用來操作HTML和xml功能的一類對象,或者說DOM是HTML和XML的標準編程接口.
DOM不能操作css,但是可以通過操作HTML來間接操作css
實現一個tab切換,使用立即執行函數:script部分
? ? var butDom = document.getElementsByTagName('button');
? ? var divDom = document.getElementsByTagName('div');
? ? for (let i = 0; i < butDom.length; i++) {
? ? ? ? (function (n) {
? ? ? ? ? ? butDom[n].onclick = function () {
? ? ? ? ? ? ? ? for (let j = 0; j < butDom.length; j++) {
? ? ? ? ? ? ? ? ? ? butDom[j].className = "";
? ? ? ? ? ? ? ? ? ? divDom[j].style.display = "none";
? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? this.className = "active";
? ? ? ? ? ? ? ? divDom[n].style.display = "block";
? ? ? ? ? ? }
? ? ? ? }(i))
? ? }
