数码资讯
定位元素的Javascript操作元素的一个实例。
使用js操作元素来定位元素是一个不错的选择。这是一个例子,你需要的朋友可以看看。 每日Javascript实例-操作元素定位元素 DIV #一{ 宽度:500px; } div { 边境:1px solid # 000; 填料:10px; } #光标{ 位置:绝对; 背景颜色:# ff0; 宽度:2
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
使用js操作元素来定位元素是一个不错的选择。这是一个例子,你需要的朋友可以看看。
每日Javascript实例-操作元素定位元素
DIV #一{
宽度:500px;
}
div {
边境:1px solid # 000;
填料:10px;
}
#光标{
位置:绝对;
背景颜色:# ff0;
宽度:20px;
身高:20px;
左:50px;
上图:300px;
}
功能positionobject(obj){
VaR矩形= obj.getboundingclientrect();
返回{ rect.left,矩形顶};
}
在window.onload =函数(){
var = document.documentelement.getboundingclientrect(TST);
警报(TST。顶);
无功控制= A;
VaR光标= document.getelementbyid(光标);
同时(续){
提示提示符()您要在哪里移动光标块
如果(续){
续= cont.tolowercase();
如果(续= = | |续= =B| |续= =C){
var elem = document.getelementbyid(续);
VaR POS = positionobject(元);
console.log(POS);
cursor.setattribute(风格
}
}
}
}
一
B
C
每日Javascript实例-操作元素定位元素
DIV #一{
宽度:500px;
}
div {
边境:1px solid # 000;
填料:10px;
}
#光标{
位置:绝对;
背景颜色:# ff0;
宽度:20px;
身高:20px;
左:50px;
上图:300px;
}
功能positionobject(obj){
VaR矩形= obj.getboundingclientrect();
返回{ rect.left,矩形顶};
}
在window.onload =函数(){
var = document.documentelement.getboundingclientrect(TST);
警报(TST。顶);
无功控制= A;
VaR光标= document.getelementbyid(光标);
同时(续){
提示提示符()您要在哪里移动光标块
如果(续){
续= cont.tolowercase();
如果(续= = | |续= =B| |续= =C){
var elem = document.getelementbyid(续);
VaR POS = positionobject(元);
console.log(POS);
cursor.setattribute(风格
}
}
}
}
一
B
C
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。