如何将JavaScript变量放入HTML和CSS代码中

我一直在寻找是否可以将JS代码放入CSS代码中，但由于运气不佳，无法找到答案

我想做的是让三张图片在JS中有变量，并把它们放在顶部：；左：；用CSS编码，这样完成后，无论变量值是什么，它们都会一致移动

//CSS Code//
.someclass {
    top: x;
    left: y;
}

//JS Code//
var x = #;
var y = #;

<!--Someplace that a variable can go here-->
<abbr title="Click For More Information About C#"><img src="https://img.icons8.com/color/500/000000/c-sharp-logo.png" alt="C# Programming Image"></abbr>

//CSS代码//
.某个班级{
顶部：x；
左：y；
}
//JS代码//
变量x=#；
变量y=#；

---

如果生成，这三张图片（代码未显示）将与其他具有必要值的图片同步移动。

您不能通过这种方式混合css/js/html

如果要使用JS更改CSS属性，请使用

.style

var x = 20;
var y = 100;

var elems = document.getElementsByClassName('someclass');
for (var i = 0; i < elems.length; i++) {
    elems[i].style.top = x + 'px';
    elems[i].style.left = y + 'px';
}

和JS

var elems = document.getElementsByClassName('someclass');
for (var i = 0; i < elems.length; i++) {
    elems[i].className += ' indented'; // now elements will be moved to left: 100px
}

var elems=document.getElementsByClassName（'someclass'）；
对于（变量i=0；i

您不能将JavaScript放入CSS，但可以通过JavaScript更改CSS样式：

var div=document.getElementById（'div1'）；
div.style.height='100px'；
div.style.width='100px'；
div.style.backgroundColor='红色'
CSS变量可能，例如：第一个.someclass是控制x轴的变量，而.someclass.indented是控制y轴的变量（如果有错误请更正），对于js函数，它表示var elems=document.getElementsByCassName（'someclass'），这将发挥什么作用？还没有真正进入JSyet@MDHossain：否，有两种方法可以使用JS更改CSS（第一种是为元素设置内联样式，第二种是更改/添加just类，您可以在CSS文件中设置样式）elems=document.get…

几乎与

.someclass

-选择要使用的元素/类相同。JS/CSS基础，试着理解代码。。。这只是几行，我试着实现了你提供的代码，并对这两个代码进行了测试，我似乎找不到为什么图像不会移动的问题。相信我，我已经尽力去理解代码了。

var elems = document.getElementsByClassName('someclass');
for (var i = 0; i < elems.length; i++) {
    elems[i].className += ' indented'; // now elements will be moved to left: 100px
}