js控制div及相關屬性

2021-06-14 22:09:31 字數 1283 閱讀 2337

動態建立

div:

vardiv = document.createelement(

"div"

); 

設定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

:div );

設定attribute

屬性:

新增,設定:

(1).       

div.setattribute("ok","ok?");

html: 

(2). 

var ok = document.createattribute("name");

div.setattributenode(ok);

html:  

<

divid

="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物件。

js 獲取div的name屬性

div標籤沒有value和name屬性,但是我們給div增加乙個value或者name,這個也是可以拿到的 一般情況 我們通常用var value document.getelementbyid id值 value 這種方法來獲取value的值。但是我們通過js直接得到div的value屬性是得不到...

js用鍵盤控制div移動

首先,我們要知道,鍵盤對應的ascii碼 keycode碼 點選此處檢視。方向鍵,左,上,右,下,分別為37,38,39,40。然後,當按下鍵盤按鍵的時候,用event.keycode獲取按鍵的keycode碼。用switch函式case分支,對應鍵值執行相關命令。先寫乙個div div id bo...

事件及相關屬性

onload事件 在頁面載入時觸發 onunload事件 在頁面結束以後觸發 onbeforload事件 在頁面結束時觸發,nbef reunl ad window。event。returnvalue 確定要離開頁面嗎 自動重新整理網頁 location.reload window.event物件屬...