Changing the position of a dynamically added element

Question

I am trying to change the position and style of a dynamically added element, but my changes are not taking affect. Any ideas why?

I appreciate your assistance.

function addButtons()
{
  var button1 = document.createElement('button');

  button1.innerHTML = 'Relevant';

  button1.onclick = function()
  {
    alert('test');
    return false;
  };


  document.getElementsByClassName('subject')[0].appendChild(button1).style.left="6000px";


};

Answer 1

如果元素不具有position: absolute ， position: fixed或position: relative ，则作为内联样式或从样式表继承， left均无效