Javascript 如何使用JS将元素与窗口底部对齐

我已经使用Adobe Animate创建了一个html-5横幅，并且有一个元素，该元素应该与窗口底部对齐，具体取决于该窗口的高度

我的横幅应该是100%的高度，在图片上你可以看到底部元素的正确位置。在图片上，元素和背景之间有一个空间。 在更改窗口高度时，我的元素应保持与底部对齐。我如何使用js实现它

这是我的代码，可以帮助我移动元素，但它不会将其与底部对齐：

this.frame_0 = function() {

    var _second = this.second;

    this.addEventListener("tick", res.bind(this));
    function res() {
    _second.y =  window.innerHeight/2 + 120;

    }
}

---

这是我的

使用CSS设置元素的位置

position:fixed;
left:ValueFromLeft;
bottom:0;

---

如果使用CreateJS，那么使用画布就很容易了。 CSS解决方案不起作用，只有JS

使用窗口的调整大小事件

this.frame_0 = function() {
  var _second = this.second;

  function setSecondToTheBottom() {
    _second.y = window.innerHeight - (_second.nominalBounds.height / 2);
  }

  setSecondToTheBottom();

  window.addEventListener("resize", setSecondToTheBottom);
};

---

tick

不是标准的JavaScript事件——除非您构建了这样一个事件，否则您的函数永远不会执行。另外，您最好使用CSS来解决此任务，而不是使用JavaScript——您可以添加HTML以形成一个表单吗？我在问题中添加了一个链接，请检查，谢谢您可以使用element.style.bottom=value；我也不能用css，因为我用的是canvas，然后把它放在（X，canvas.height banentheight）非常感谢你的回答不幸的是它不起作用，我能把整个档案发给你吗？我发现了问题。我更新答案。现在它工作了！