dom - 简单的dom问题

Question

说我有

<div id="searchform">
  <div style="float:right">
    <a href="~">Advanced Search</a>
  </div>
  <div id="resultStats">
    About 5 trillion results
  </div>
</div>

我只需要将第一个孩子更改为 float:bottom 而不是 float:right。

谢谢你们的帮助！我真心的！因此，当我将其输入 chrome 控制台时，它不起作用。在我的 Sweet Search 分机中，它显示“无法读取属性 'childNodes' of null”

document.getElementById("subform_ctrl").childNodes[0].style = 'float:bottom';

（注意：id 是 'subform_ctrl'）

Answer 1

document.getElementById('searchform').childNodes[0].style = 'float:bottom';

Answer 2

document.querySelector('#searchform *:first-child').style.float = 'bottom'

但我不认为 float = bottom 是有效的。

那么，您真正想要完成的是什么？

Answer 3

浮动：底部！（最佳？！）

浮动：底部？当然！

下一个版本我将删除​​ 'in' 的 'About' trade 'results' 并删除 'seconds' 并且仅显示超过 0.5 的秒数