Получить ширину двух встроенных входов

Имея два встроенных входа, например:

+------------+  +--------------------------+
| ID='inputA'|  |       ID='inputB'        |
+------------+  +--------------------------+

+------------------------------------------+
                    A

Как я могу получить расстояние A в пикселях с помощью javascript?

Я не могу просто добавить их ширину, так как посередине есть небольшой зазор.

Спасибо!

Можете ли вы настроить таргетинг на контейнер, который является родительским для обоих?

— 09.11.2018 12:15

оберните их во встроенный / встроенный блочный элемент и вместо этого получите ширину этого

— 09.11.2018 12:19

javascript html

09.11.2018 12:12

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

Перейти к ответу Данный вопрос помечен как решенный

Ответы 3

Возьмите любой элемент ввода, получите его родительский элемент и получите его ширину

document.getElementById("inputA").parentElement.clientWidth;

Но это работает только тогда, когда внутри родительского элемента больше ничего нет, верно?

— 09.11.2018 12:27

09.11.2018 12:17

Ответ принят как подходящий

Если они находятся рядом, расстояние можно определить с помощью .getBoundingClientRect():

const startX = in1.getBoundingClientRect().x;
const endX = in2.getBoundingClientRect().x + in2.getBoundingClientRect().width;

const A = endX - startX

Я знаю, что не должен говорить спасибо за комментарии, но ... спасибо !! Это было прекрасно.

— 09.11.2018 12:36

09.11.2018 12:27

Поместите оба входа в диапазон, например, >>>>> после этого используйте jquery, чтобы взять span.width ()

09.11.2018 12:32