开发者社区 问答 正文

用js获取一行文字在DIV里的坐标

oschina.net

说坐标也不能完全准确,能获取到第一个文字距离DIV左边框的距离也是可以的。

例如上面这个DIV以及里面的文字,事实上oschina.net这几个文字占不了600像素的宽度,怎么知道这段文字在这个DIV里的坐标或者距离div左边框的距离呢?

DIV宽度不能修改
文字对齐方式有可能是:左、中、右
文字有粗细、斜体、字体、字体大小变化

展开
收起
a123456678 2016-07-08 15:06:35 3299 分享 版权
1 条回答
写回答
取消 提交回答
  • <div style="width:600px;text-align:center;font-size:22px;"><lable id="lb">oschina.net</lable></div>
     
    <script type="text/javascript">
    var X = $('#lb').offset().top;
    var Y = $('#lb').offset().left;
    document.write("x: " + X+"<br />");
    document.write("y: " + Y+"<br />");
    //获取相对(父元素)位置: 
    var C = $('#lb').position().top; 
    var D1= $('#lb').position().left; 
    document.write("c: " + C+"<br />"); 
    document.write("d: " + D); 
     
    </script>
    2019-07-17 19:53:27
    赞同 展开评论