js控制div及網(wǎng)頁相關(guān)屬性的代碼
動(dòng)態(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對(duì)象。
刪除
(1).document.getElementById("id").removeAttribute("ok");//ok為屬性名。
(2).document.getElementById("id").removeAttributeNode(ok);//ok為AttributeNode對(duì)象。
很重要的一個(gè)方法
document.getElementsByTagName
相關(guān)文章
圖片旋轉(zhuǎn)、鼠標(biāo)滾輪縮放、鏡像、切換圖片js代碼
這篇文章主要為大家介紹了圖片旋轉(zhuǎn)、鼠標(biāo)滾輪縮放、鏡像、切換圖片js代碼,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-01-01查詢綁定數(shù)據(jù)島的表格中的文本并修改顯示方式的js代碼
查詢綁定數(shù)據(jù)島的表格中的文本并修改顯示方式的js代碼2009-12-12javascript+HTML5 Canvas繪制轉(zhuǎn)盤抽獎(jiǎng)
這篇文章主要為大家詳細(xì)介紹了javascrip+HTML5 Canvas繪制轉(zhuǎn)盤抽獎(jiǎng)的相關(guān)資料,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-04-04JavaScript中正則表達(dá)式判斷匹配規(guī)則及常用方法
JS作為一門常用于web開發(fā)的語言,必然要具備正則這種強(qiáng)大的特性,本文將對(duì)JS中的正則用法及常用函數(shù)進(jìn)行一番總結(jié)2017-08-08JavaScrpt中如何使用 cookie 設(shè)置查看與刪除功能
這篇文章主要介紹了JavaScrpt中使用 cookie 設(shè)置查看與刪除功能的方法,文中通過實(shí)例代碼給大家介紹了js cookie常用的3個(gè)預(yù)設(shè)函數(shù)庫,需要的朋友可以參考下2017-07-07JavaScript運(yùn)行機(jī)制實(shí)例分析
這篇文章主要介紹了JavaScript運(yùn)行機(jī)制,結(jié)合實(shí)例形式分析JavaScript運(yùn)行機(jī)制相關(guān)原理、使用方法及操作注意事項(xiàng),需要的朋友可以參考下2020-04-04微信小程序中插入激勵(lì)視頻廣告并獲取收益(實(shí)例代碼)
這篇文章主要介紹了微信小程序中插入激勵(lì)視頻廣告并獲取收益,通過代碼給大家介紹了如何插入及注意事項(xiàng),需要的朋友可以參考下2019-12-12