如何用js 獲取div的座標位置

時間 2022-03-31 08:01:32

1樓:匿名使用者

div的position必須為absolute才能獲取它的座標可以這樣獲取 x=document.getelementbyid('div的id').style.

lefty=document.getelementbyid('div的id').style.top

2樓:傲血殘鋒

div事先在輸入框的下面的而且是隱藏的,當點選表情圖示,div通過onclick啟用js某個函式,該函式內必須會有一段使隱藏的div顯示出來的方法語句,是通過這樣個流程實現的。

怎樣去定位這個表情div的位置的,這個css裡面有乙個叫position的方法,利用座標x,y實現div位置任意改變。

把div設定成相對定位或絕對定位,總之是讓其擁有left,top值,當滑鼠移進div的時候獲取滑鼠的座標,用滑鼠的left減去div的left值就是滑鼠在div裡面的left值,即滑鼠在div中的x座標,

同理,用滑鼠的top值減去div的top值就是滑鼠在div裡面的top值,即滑鼠在div中的y座標。

3樓:匿名使用者

var top=document.getelementbyid["div1"].style.top;

var left=document.getelementbyid["div1"].style.left;

4樓:千鋒教育

js獲取div的位置座標的方法有三種,分別如下:

方法一:

?var odiv=document.getelementbyidx_x('divid');

alert(odiv.getboundingclientrect().left);

alert(odiv.getboundingclientrect().top);

方法二:

?function cpos(x, y)

function getobjpos(atarget)

return pos;

}var obj = document.getelementbyidx_x('divid')

alert(getobjpos(obj)['x']) //x座標

alert(getobjpos(obj)['y']) //y座標

方法三:

?function getelementpos(elementid)

var parent = null;

var pos = ;

var box;

if (el.getboundingclientrect) //ie

; }else

if (document.getboxobjectfor) // gecko

else // safari & opera }

if (ua.indexof('opera') != -1 || (ua.

indexof('safari') != -1 && el.style.

position == 'absolute')) }

if (el.parentnode)

else

while (parent && parent.tagname != 'body' && parent.tagname != 'html')

else

} return ;

} var xd = getelementpos("divid");

alert(xd.x);

alert(xd.y);

5樓:匿名使用者

多個?你是用動作觸發 還是就是想先獲得?

如何用js 獲取乙個div的座標?

6樓:刺友互

1、首先開啟我們測試的編輯工具 我這裡使用的是eclipse。

2、首先我們新建乙個測試專案然後新建乙個index.html、basic.js和basic.css檔案。

3、js修改html檔案中div的style中值來修改div的高度 html檔案中的檔案**。

4、接下來我們就使用js修改高度。

5、這時我們敲js中的** 獲取div1的id 使用css屬性對應的style屬性然後設定高度。

6、使用js修改css檔案中的div的height的值 html檔案中的**。

7、樣式表css檔案中的**如圖所示  執行專案之後 你會看到兩個div的高度是一樣的。

8、然後我們是在js檔案中獲取div1的id屬性 然後使用obj.style.csstest來修改嵌入式的css。

9、然後執行專案之後 兩次結果都是一樣的 div的高度改變了  。

7樓:

1、新建乙個html檔案。

2、在html頁面上建立乙個點選的button按鈕。

3、為button新增點選時建立乙個新的div事件。使用document.createelement("div")建立乙個新的div,然後使用innerhtml對新建的div設定內容,最後把div放到顯示。

4、為button按鈕新增點選是建立新div事件。

5、儲存好html檔案後使用瀏覽器開啟,點選button按鈕會執行已經寫好的建立div的事件。

8樓:匿名使用者

js獲取div的位置座標的方法有三種,分別如下:

方法一:

?var odiv=document.getelementbyidx_x('divid');

alert(odiv.getboundingclientrect().left);

alert(odiv.getboundingclientrect().top);

方法二:

?function cpos(x, y)

function getobjpos(atarget)

return pos;

}var obj = document.getelementbyidx_x('divid')

alert(getobjpos(obj)['x']) //x座標

alert(getobjpos(obj)['y']) //y座標

方法三:

?function getelementpos(elementid)

var parent = null;

var pos = ;

var box;

if (el.getboundingclientrect) //ie

;}else

if (document.getboxobjectfor) // gecko

else // safari & opera

}if (ua.indexof('opera') != -1 || (ua.

indexof('safari') != -1 && el.style.

position == 'absolute'))

}if (el.parentnode)

else

while (parent && parent.tagname != 'body' && parent.tagname != 'html')

else

}return ;

} var xd = getelementpos("divid");

alert(xd.x);

alert(xd.y);

js如何獲取div的位置?

9樓:dd甲克

div事先在輸入框的下面的而且是隱藏的,當點選表情圖示,div通過onclick啟用js某個函式,該函式內必須會有一段使隱藏的div顯示出來的方法語句,是通過這樣個流程實現的。至於怎樣去定位這個表情div的位置的,這個css裡面有乙個叫position的方法,利用座標x,y(left,top,right,bottom)實現div位置任意改變。

js如何獲取div的位置,請高手解答

10樓:

你所說要獲取「位置」是什麼意思,是要鎖定到層div2嗎?如果是的話,應該這樣寫:

層是通過id來標識的……

11樓:匿名使用者

最簡單的方式是,把div1和div2設定上相對或者絕對定位。然後獲取div2的offsetleft和offsettopkkk

12樓:

div 裡面加如id等於乙個標識,獲取這個標識來試試

通過js怎麼獲得div的位置

13樓:

先獲取到div元素

用offsettop和offsetleft獲取div相對頂部和左邊的距離

**如下:

第乙個div

js獲取div到body左側距離

window.onload function function getpoint obj alert top t left l js中如何獲取某個元素到瀏覽器最左和最右的距離 div元素 js怎麼獲取div距離瀏覽器左側的距離 1.js中offsetleft 可以獲取元素距離瀏覽器左側的定位路局。j...

如何用js獲取當前url的引數值

用js 在本地分析得到classid和id的值總歸是比較麻煩,而作為get引數,在服務端總是要用到的。如果你的本地js將用到這兩個引數值,你可以直接讓服務端將這兩個值寫入到本地。mystr echo mystr 這樣你在本地就可以直接呼叫x classid和x id以得到這兩個引數。不太明白用js獲...

js中如何讓每div換一行,js中如何讓每10個div換一行

123123 123我寫的3行乙個空行,你改成10行就行了,我也是新手,不知道怎麼能插入個 標籤在第三個div後面,我只知道改變第三行樣式,加大了外邊距,視覺上看起來和加換行是一樣的。window.onload function elsestr i document.body.innerhtml s...

js中如何獲取字串最後字元,js中如何獲取乙個字串最後乙個字元

var a abcdefsafldsklfksdflksdkfl a.substr a.length 1,1 string s sdfas system.out.println s.charat s.length 1 str.charat str.length 1 如何獲取js 字串中最後乙個斜槓後...

如何獲取網頁滾動條滾動事件,js怎麼獲取瀏覽器的滾動條的點選事件,就點選滾動條(不是滾輪,是滑鼠點選滾動條上下移動的時間)

1 首先新建乙個html檔案,在檔案內引入script標籤備用 2 然後需要把body的高度設定得很大,直接在style標籤中設定body標籤的樣式,給它乙個很大的高度 3 然後在js指令碼中直接設定window的onscroll事件就可以獲取滾動條滾動事件了,獲取後這裡彈出乙個視窗 4 開啟瀏覽器...