js控制div及網(wǎng)頁相關(guān)屬性的代碼
動態(tài)創(chuàng)建DIV:var div = document.createElement("div");
設(shè)置div屬性及樣式等:
div.title="this is a new div.";
div.class = "newDivClass";
div.innerHTML = "Test create a div element!";
div.style.styleFloat="left";
div.style.overflow="hidden";
div.style.marginLeft="8px";
div.style.marginTop="10px";
div.style.width="320px";
div.style.height="250px";
div.style.backgroundRepeat="no-repeat";
div.style.backgroundImage="url(image/bgred.jpg)"
將DIV添加到body:document.body.appendChild(div );
設(shè)置Attribute屬性:
添加,設(shè)置:
(1). div.setAttribute("ok","ok?");
html: <div id="id" style="background-color: red;" ok="ok?"/>
(2). var ok = document.createAttribute("name");
div.setAttributeNode(ok);
html: <div id="id" style="background-color: red;" name=""/>
獲?。?
(1).div.getAttribute("ok");//ok?
(2)var v = div.getAttributeNode("ok").value;// div.getAttributeNode("ok")獲取的是//AttributeNode對象。
刪除
(1).document.getElementById("id").removeAttribute("ok");//ok為屬性名。
(2).document.getElementById("id").removeAttributeNode(ok);//ok為AttributeNode對象。
很重要的一個方法
document.getElementsByTagName
相關(guān)文章
圖片旋轉(zhuǎn)、鼠標滾輪縮放、鏡像、切換圖片js代碼
這篇文章主要為大家介紹了圖片旋轉(zhuǎn)、鼠標滾輪縮放、鏡像、切換圖片js代碼,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-01-01查詢綁定數(shù)據(jù)島的表格中的文本并修改顯示方式的js代碼
查詢綁定數(shù)據(jù)島的表格中的文本并修改顯示方式的js代碼2009-12-12javascript+HTML5 Canvas繪制轉(zhuǎn)盤抽獎
這篇文章主要為大家詳細介紹了javascrip+HTML5 Canvas繪制轉(zhuǎn)盤抽獎的相關(guān)資料,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-04-04JavaScript中正則表達式判斷匹配規(guī)則及常用方法
JS作為一門常用于web開發(fā)的語言,必然要具備正則這種強大的特性,本文將對JS中的正則用法及常用函數(shù)進行一番總結(jié)2017-08-08JavaScrpt中如何使用 cookie 設(shè)置查看與刪除功能
這篇文章主要介紹了JavaScrpt中使用 cookie 設(shè)置查看與刪除功能的方法,文中通過實例代碼給大家介紹了js cookie常用的3個預設(shè)函數(shù)庫,需要的朋友可以參考下2017-07-07