javascript - 使用 DOM 属性创建的样式按钮？

Question

这里我在列表标签​​内动态添加按钮。按钮出现在列表附近，我正在尝试将其向右移动。当 dom 创建按钮时，我们有什么办法可以做到这一点。需要这方面的指导。

{
    var button = document.createElement("button");
    button.innerHTML = "Add To Favourite";
    button.setAttribute('onclick',
        'addFavourite("' + movie['title'] + '")');
    data.appendChild(button);
}

Answer 1

您可以使用 float: right;将按钮移动到 <li> 的最右侧.您也可以使用 margin-left: 40px;将它移动到 <li> 右侧的几个空格

var data = document.getElementById('container');
var button = document.createElement("button");
button.innerHTML = "Add To Favourite";  
button.className = 'liBtn';
button.setAttribute('onclick',
'addFavourite("sss")');
data.appendChild(button);

.liBtn{
  margin-left: 40px;
}

<ul>
  <li id='container'>List 1</li>
</ul>