使用js

Question

很抱歉，是否已经提出此问题。如果是这样，有人可以将我定向到该线程吗？到目前为止，我还没有找到任何现有的。

但是我的问题与这种动作有关：

    var Product_Linky = document.getElementById("Product_Link_Container");
    Product_Linky.style.position.left= 12px;

文字将以指示的单位应用于属性。但是...可以应用变量吗？如果可以，将如何指定单位？

以下代码编写不正确，但是显示了我遇到的问题的示例：

    var Product_Linky = document.getElementById("Product_Link_Container");
    Product_Linky.style.position.left= 'MyVariable_x'px ;

如果可以使用变量，则包含单位的正确语法是什么？

最诚挚的问候！

Answer 1

已经有一个类似的问题，但是要回答您的问题，这将起作用：

var variable_Length = 5;
var Product_Linky = document.getElementById("Product_Link_Container");
Product_Linky.style.position.left= variable_Length + 'px' ;

Answer 2

这样做，我的朋友。这就是ES6模板文字

Product_Linky.style.position.left= `${MyVariable_x}px` ;

或者您可以像这样进行字符串连接

Product_Linky.style.position.left= MyVariable_x + 'px' ;

Answer 3

尝试使用模板文字！ 在JavaScript中，如果要使变量“适合”字符串，请使用以下语法：

var num = 12;
var myString = `My number is ${num}.`;
console.log(myString);

将记录

My number is 12.

一个重要的注意事项：您不能使用常规引号将字符串引起来。您必须使用反引号：

`

（它应该在Tab键的正上方）。否则，这将不起作用。

有关更多信息，请查看MDN Web Docs！

例如，请查看我所做的this Codepen！ （尝试更改myHeight变量的值。）

希望对您有帮助！