首先标签position要设置成相对、绝对定位
然后获取元素
var dom = documentgetElementById("元素id")//你可以用其它方法获得
alert(domoffsetLeft)//left
alert(domoffsetTop)//top
这样就获得了，但是前提是它外层套的标签没有设置成相对、绝对定位的，否则位置是相对于那个标签的位置，这个就需要获取offsetParent 判断父级是谁了
var a=new Array({key:'1',value:"a"},{key:'2',value:"b"},{key:'3',value:"c"},{key:'4',value:"d"});
下面写了个例题
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 40 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META name="keywords" content="教程,位置,标签,元素,离线">
<META name="description" content="首先标签position要设置成相对、绝对定位然后获取元素 var dom = documentgetElementById("元素id")//你可以用其它方法获得alert(domoffsetLeft)//leftal">
</HEAD>
<BODY>
<SCRIPT LANGUAGE="JavaScript">
<!--
function Map( ){
thiselements = new Array();
thisinit = function( _e ){
thiselements = _e ;
}
thisput = function(key, value) {
// 加入元素
thiselementspush({key: key, value:value});
}
thisgetByValue = function( _value) {
// 取出对应value
try{
for (i = 0; i < thiselementslength; i++) {
if (thiselements[i]value == _value) {
return thiselements[i]key;
}
}
}catch(e) {
return null;
}
}
thisgetByKey = function( _key) {
// 取出对应key
try{
for (i = 0; i < thiselementslength; i++) {
if (thiselements[i]key == _key) {
return thiselements[i]value;
}
}
var value = "b";
var map = new Map();
mapinit( a );
alert( mapgetByValue( value ) );
//-->
</SCRIPT>
</BODY>
</HTML>
多端阅读《javascript教程》:
在PC/MAC上查看：下载w3cschool客户端，进入客户端后通过搜索当前教程手册的名称并下载，就可以查看当前离线教程文档。下载javascript教程离线版客户端
在手机APP上查看：请从各大安卓应用商店、苹果App Store搜索并下载w3cschool手机客户端，在App中搜索当前教程手册的名称查看。下载w3cschool手机App端
在手机上查看文档：>
手册简介:
JavaScript 是世界上最流行的脚本语言。 JavaScript 是属于 web 的语言，它适用于 PC、笔记本电脑、平板电脑和移动电话。 JavaScript 被设计为向 HTML 页面增加交互性。 许多 HTML 开发者都不是程序员，但是 JavaScript 却拥有非常简单的语法。几乎每个人都有能力将小的 JavaScript 片段添加到网页中。
手册说明:
Javascript，从“最被误解的语言”，最后神奇地转变成为“最流行的语言”，证明它经受得起时间的考验。虽然单独来看，它的交互设计有些失败，但是加上Ajax的完美配合，javascript就成了一款轻便并且又实用的好语法。
如果您想要更高效、更系统地学会javascript，您最好采用边学边练（javascript微课）的学习模式。
如果您觉得javascript的学习难度较高，不易理解，建议您采用视频教程进行学习：javascript视频课程
接下来让我们静下心来，翻开这本关于Javascript的教程，你可以学习到JavaScript 代码规范、JavaScript 函数撰写、javascript 正则表达式、JavaScript 逻辑运算等基础内容，除此之外，本书还有进阶的Javascript高级教程，最好在熟读前面的基础知识之后，再考虑继续之后的教程。
高级教程当中包含的内容有很重要的JavaScript 对象介绍，JavaScript Window对象模型介绍，JavaScript 库以及JavaScript 实例等等，每一个章节都值得细细研读。
学完本教程之后，建议您进行javascript实战来巩固您学到的知识。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" " >
以上就是关于javascript 怎样取得标签的位置全部的内容，包括:javascript 怎样取得标签的位置、js怎么获取数组中元素的位置、js怎么获取数组中元素的位置等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）