يعد عناصر التشغيل وعناصر تحديد المواقع ، باستخدام JS لتنفيذها خيارًا جيدًا. هناك مثال أدناه. يمكن للأصدقاء الذين يحتاجون إلى إلقاء نظرة عليه.
<! doctype html> <html> <head> <meta http-equiv = "content-type" content = "text/html ؛ charset = utf-8"/> <title> مثيل javaScript واحد لكل عنصر من العناصر الوضعية </title> <style> div#a {width: 500px ؛ } div {border: 1px solid #000 ؛ الحشو: 10 بكسل ؛ } #cursor {الموضع: absolute ؛ خلفية اللون:#ff0 ؛ العرض: 20 بكسل ؛ الارتفاع: 20 بكسل ؛ اليسار: 50 بكسل ؛ أعلى: 300 بكسل ؛ } </style> <script> functionObject (obj) {var rect = obj.getBoundingClientRect () ؛ العودة [rect.left ، rect.top] ؛ } window.onload = function () {var tst = document.documentElement.getBoundingClientRect () ؛ تنبيه (tst.top) ؛ var cont = 'a' ؛ var cursor = document.getElementById ("cursor") ؛ بينما (تابع) {cont = proft ("أين تريد تحريك كتلة المؤشر؟" ، "أ") ؛ if (cont) {cont = cont.toLowerCase () ؛ if (cont == "a" || cont == "b" || cont == "c") {var elem = document.getElementById (cont) ؛ var pos = positionObject (elem) ؛ console.log (pos) ؛ cursor.setattribute ("style" ، "TOP:"+pos [1]+"px ؛"+"left:"+pos [0]+"px") ؛ }}}}} </script> </head> <body> <div id = "a"> <p> a </p> <div id = "b"> <p> b </p> <div id = "c"