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 開啟瀏覽器...