這篇文章主要介紹如何控制元素中div屬性，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

木壘哈薩克ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場(chǎng)景，ssl證書(shū)未來(lái)市場(chǎng)廣闊！成為成都創(chuàng)新互聯(lián)公司的ssl證書(shū)銷售渠道，可以享受市場(chǎng)價(jià)格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：028-86922220（備注：SSL證書(shū)合作）期待與您的合作！

如何控制元素中div屬性

1、需求分析

  改變?cè)氐膶?、高、顏色、顯示、重置等屬性。

2、技術(shù)分析

 基礎(chǔ)的css、html、js

3、詳細(xì)分析

如圖，單擊按鈕，改變?cè)貙傩?

3.1 HTML部分

根據(jù)視圖不難發(fā)現(xiàn)，內(nèi)容分兩大不分:按鈕欄和效果圖，所以設(shè)置兩個(gè)p。

3.2 CSS部分

 
/*頁(yè)面格式化，清除瀏覽器默認(rèn)編劇(瀏覽器預(yù)留給滾動(dòng)條邊距)*/ 
      *{
         padding: 0;
         margin: 0;
        }
/*設(shè)置元素寬度，元素居中，文本居中*/
      .outer{
	 width: 500px;
	 argin: 0 auto;
	 text-align: center;
	}
/*元素樣式*/
      .content{
	 width: 100px;
	 height: 100px;
	 background: black;
	 margin: 10px auto;
	}

3.3 JS部分　

		var changeStyle=function(elem,attr,value){//聲明一個(gè)函數(shù)，包含三個(gè)參數(shù)(元素，屬性，值)，外部函數(shù)1			elem.style[attr]=value//三個(gè)參數(shù)之間的函數(shù)關(guān)系，元素的樣式屬性的集合等于值(點(diǎn)操作符:對(duì)象，方括號(hào)操作符:對(duì)象，數(shù)組)
		};
		window.onload=function(){//文檔加載完成時(shí)，調(diào)用函數(shù)
			/*聲明四大變量：按鈕，元素，屬性，值*/
			var btn=document.getElementsByTagName("input");//按鈕變量來(lái)自標(biāo)簽
			var ctt=document.getElementClssName("content");//元素變量來(lái)自類名
			var att=["width","height","background","display","display"];//屬性名數(shù)組集合
			var val=["200px","200px","red","none","block"];//屬性值數(shù)組集合，屬性值與屬性名一一對(duì)應(yīng)
		for(var i=0;i

以上是“如何控制元素中div屬性”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！