简单的dom问题答案

【问题标题】：simple dom question简单的dom问题
【发布时间】：2011-01-15 17:05:43
【问题描述】：

说我有

<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'）

【问题讨论】：

我从没听说过浮底。
你从未听说过，因为它不存在

标签： dom nodes selectnodes google-chrome-devtools

【解决方案1】：

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

但我认为 float = bottom 无效。

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

【讨论】：

【解决方案2】：

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

【讨论】：

这将返回一个文本节点（如果那里甚至有一个换行符），我不确定，但我认为你不能这样设置样式。

【解决方案3】：

浮动：底部！（顶部？！）

浮动：底部？当然！

下一个版本我将删除“关于”交易“结果”为“in”并删除“秒”，并且仅在秒数超过 0.5 时显示秒数

【讨论】：