Блог

Главная - Вопросы по программированию - Я пытаюсь изменить синтаксис в этом коде

Я пытаюсь изменить синтаксис в этом коде

#javascript

#javascript

Вопрос:

Я новичок в Javascript. Мне просто интересно, как я могу использовать style вместо использования нового var в этом коде. 

  var style =
"position:absolute;"  
"width:"   newObj.radius   "px;"  
"left:"   newObj.xPos   "px;"  
"top:"   newObj.yPos   "px;";
newImg.setAttribute("style", style);

Я хочу, чтобы знаки плюс были удалены с конца каждой строки. Я попробовал следующий код, но он не работает. 

 newImg.style.position = "absolute;";
newImg.style.width= newObj.radius   "px;";
newImg.style.left = newObj.xPos   "px;";
newImg.style.top = newObj.yPos   "px;";

Комментарии:

1. Если вы используете современный Javascript (ES6 ), вы можете использовать литерал шаблона developer.mozilla.org/en-US/docs/Web/JavaScript/Reference /…

2. Сэм — у вас получилось приведенное ниже? Пожалуйста, отметьте как ответ, если он имеет

Ответ №1:

Ваш вопрос заключается в том, как установить CSS-атрибуты HTML-элемента, используя _Object_.style свойства по сравнению с установкой стиля с использованием string значения

Вот так:

 newImg.style.position = "absolute";
newImg.style.width= newObj.radius   "px";
newImg.style.left = newObj.xPos   "px";
newImg.style.top = newObj.yPos   "px";

Все это можно найти в справочной документации по CSS — ищите синтаксис Javascript для каждого свойства

Ответ №2:

Попробуйте это

 document.getElementById("theIdYouMadeInHTML").style.property = new style;

Как показано здесь:https://www.w3schools.com/js/js_htmldom_css.asp