Как получить вращение преобразования значения в javascript?

Каков наилучший способ получить вращение преобразования от какого-либо элемента? Как получить переменные с предупреждением "deg" (15deg) и как получить без предупреждения "deg" (15)...

<div id = "myElement" style = "width: 150px; height: 150px; background:red;  transform: rotate(10deg);"></div>
<button onclick = "myFunction()">Try it</button>
function myFunction() {
var angledeg = document.getElementById('myElement').value.transform.??
var angle = document.getElementById('myElement').value.transform.??
       alert(angledeg);"
       alert(angle);
}
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
0
351
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

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

Попробуйте эту демонстрацию кода:

function myFunction() {
var transform = document.getElementById('myElement').style.transform;
console.info(transform);
}
<div id = "myElement" style = "width: 150px; height: 150px; background:red;  transform: rotate(10deg);"></div>
<button onclick = "myFunction()">Try it</button>

Но что, если в коде также есть преобразование: масштаб (2, 0,5); ?

maja 25.12.2020 10:52

В этой ситуации, после того как вы получите свойство стиля преобразования, левая часть должна проанализировать значение с помощью некоторой функции parseTransformStr(transform), эта функция будет выполнять некоторые манипуляции со строками или связанные с регулярными выражениями.

Kevin Zhang 25.12.2020 10:56

попробуй это

 #myElement{
    transform: rotate(15deg);
  }

или в Javascript вы можете попробовать так

object.style.transform = "rotate(15deg)";

Другие вопросы по теме