Javascript 如何更改div的子内容？

我遇到了一个问题，无法“联系”该部门的孩子：

<style type="text/css">
div#memory_board{
    background:#CCC;
    border:#999 1px solid;
    width:800px;
    height:540px;
    padding:24px;
    margin:0px auto;
}
div#memory_board > div{
    background: url(http://image.png) no-repeat center;
    border:#000 1px solid;
    width:71px;
    height:71px;
    float:left;
    margin:10px;
    padding:20px;
    font-size:64px;
    cursor:pointer;
    text-align:center;
}
</style>

但当然，它不起作用。我尝试了各种组合，但似乎没有任何效果。有什么建议吗？（我有一个按钮，稍后会调用该函数，所以这绝对不是问题！）

这是完整的代码：

更新： 解决了，谢谢！

---

是更新后的工作代码。

您可以使用

querySelectorAll

，然后需要使用loop更改每个子

div

的样式，因为它返回

NodeList

函数imageChange（）{
var divs=document.queryselectoral（#board>div）；
对于（变量i=0；i

div#board>div{
背景：url（'http://placehold.it/350x150/ffffff“）无重复中心；
边框：#000 1px实心；
宽度：71px；
高度：71px；
浮动：左；
利润率：10px；
填充：20px；
字体大小：50px；
文本对齐：居中；
}

按钮
Div
Div

基于您的css，我猜，“board”是您的id。因此，请将

getElementsByTag（“board”）

替换为

getElementById（“board”）

您也可以添加html部分吗。创建第二个类并切换这些类会更有帮助吗？此外，如果将规则1设置为父类，则只需更改parents类，而不必更改每个Child。如果你够不到孩子，可能在您试图定位的div之前有多个嵌套：parent>child仅在child是父级的直接子级时才起作用。您可以使用jquery吗？board不是标记，因为css将其更改为id，所以使用

getElementsById

而不是

getElementsByTag

，这样它将成为

document.getElementsById（“board”）.style.background=“url（'http://image.png')";@AmanRawat让它成为一个anwser
function imageChange(){  
document.getElementsByTag("memory_board").style.background="url(http://image.png)";
}