appendChild（）和createElement（）Javascript问题

当我在代码中使用appendChild（）和createElement（）时，所定义的CSS ID的后续样式将不被应用。有人能告诉我为什么吗？这是我的密码：

function searchDone(results) {
    var result = null;
    var parent = document.getElementById('postWrap');
    var child = null;
    parent.innerHTML = '';
    var insertHTML =" ";

    //Paginating Results Links
    resultNum = results.SearchResponse.Web.Total;
    resultNum = resultNum/10;
    child = document.createElement('div');
    child.id = "paging";
    if(results.SearchResponse.Web.Offset != 0){
        insertHTML ='<span><a class="jsonp b" href="#" rev="'+(results.SearchResponse.Web.Offset-10)+'">&lt;</a></span>';
    }
    if(results.SearchResponse.Web.Offset == 0){
        insertHTML += '<span>1</span>';
    }else{
        insertHTML +='<span><a class="jsonp" href="#" rev="0">1</a></span>';
    }
    for(var i = 1; i <= resultNum; i++){
        if((results.SearchResponse.Web.Offset/10) == i){
            insertHTML += '<span>'+(i+1)+'</span>';
        }else{
            insertHTML += '<span><a class="jsonp b" href="#" rev="'+i*10+'">'+(i+1)+'</a></span>';
        }
    }
    if(results.SearchResponse.Web.Total - results.SearchResponse.Web.Offset > 10){
        insertHTML += '<span><a class="jsonp b" href="#" rev="'+(results.SearchResponse.Web.Offset+10)+'">&gt;</a></span>';
    }
    child.innerHTML = insertHTML;
    parent.appendChild(child);

现在我想对这些数字应用一些样式。但是，当我将样式应用于searchResultsPage时

#searchResultsPages{
 float: right;
}

我不想把这种风格传下去。奇怪的是，如果我只插入这两个元素中的一个，一切都会按计划进行，风格也会表现得很好。问题是我希望页面显示在搜索的顶部和底部

知道为什么会这样吗？我认为这可能与一个元素被使用了两次有关，但我不知道如果对象不同，为什么会产生任何影响

谢谢

child.id = "searchResultsPages";

#searchResultsPage{

有什么不对劲吗？：）

像一个

s

有什么不对劲吗？：）

---

与

s

一样，id在页面中应该是唯一的，因此如果您有两个id为=“searchResultsPage”的元素，行为可能会变得有点混乱，HTML无效。相反，如果将有多个元素，请使用class=“searchResultsPage”

---

其他评论者指出的缺少“s”的问题也很重要，尽管希望这只是问题中的一个输入错误。

id在页面中应该是唯一的，因此如果您有两个id为=“searchResultsPage”的元素，行为可能会变得有点古怪，HTML是无效的。相反，如果将有多个元素，请使用class=“searchResultsPage”

---

其他评论者指出的缺失“s”的问题也很重要，但希望这只是问题中的一个输入错误。

“searchResultsPages”！==“searchResultsPage”

对不起，我应该复制并粘贴。ID searchResultsPage和searchResultsPage之间的不一致实际上并不存在。很抱歉我改变了帖子来反映这一点，你怎么知道这些风格不适用？你有没有试过设置一个明亮的背景色？有可能是float:right的行为不符合您的预期，因为结果是HTML结构。我知道它们不适用，因为当我去掉这两个div中的一个时，样式完全适用。另外，在Firebug中它没有“链接”（因为缺乏更好的解释）嘿，伙计们，我只是把第一个评论作为答案。结果证明没有什么真正的错误，只是.css文件被破坏了，必须恢复。奇怪，我知道。不过，非常感谢，如果这个问题让你感到悲伤，我也很抱歉！不过，你确实给我指出了正确的方向。

“searchResultsPages”！==“searchResultsPage”

对不起，我应该复制并粘贴。ID searchResultsPage和searchResultsPage之间的不一致实际上并不存在。很抱歉我改变了帖子来反映这一点，你怎么知道这些风格不适用？你有没有试过设置一个明亮的背景色？有可能是float:right的行为不符合您的预期，因为结果是HTML结构。我知道它们不适用，因为当我去掉这两个div中的一个时，样式完全适用。另外，在Firebug中它没有“链接”（因为缺乏更好的解释）嘿，伙计们，我只是把第一个评论作为答案。结果证明没有什么真正的错误，只是.css文件被破坏了，必须恢复。奇怪，我知道。不过，非常感谢，如果这个问题让你感到悲伤，我也很抱歉！不过，你确实给我指出了正确的方向。对不起，伙计们，我应该从我的代码中复制并粘贴CSS。这其实不是问题所在。这是代码#searchResultPages{float:right；}的粘贴。对不起，伙计们，我应该从我的代码中复制并粘贴CSS。这其实不是问题所在。下面是代码#searchResultPages{float:right；}中的一个粘贴。实际上，我需要两个div的行为不同，因此一个div具有ID分页（这只是我目前选择的内容），而其他searchResultPages（请参见代码）因此，页面将是有效的，因此底部和顶部分页链接的行为可能会有所不同。实际上，我需要两个div的行为有所不同，因此一个div具有ID分页（只是我目前选择的内容），而其他SearchResultsPage（请参阅代码）这样页面将是有效的，并且底部和顶部分页链接的行为可能会有所不同

child.id = "searchResultsPages";

#searchResultsPage{