javascript - 在主div之后插入一个空div

This question already has answers here:

Creating a div element inside a div element in javascript
                                
                                    （3个答案）
                                
                        
                                2年前关闭。
            
                    
我正在编辑cookie策略横幅，但是该横幅都是通过JS创建的，因此我可以真正添加任何HTML，除非我将其与JS添加在一起。

基本上生成如下

<div id="cookieChoiceInfo">
<span>This is the text explaining the cookie policy</span>
<span><a href="#">Okay</a></span>
</div>

我想做的是在主div之后再包含一个div-这样的内容类似于内部div。

这是生成外部div的JS的主要部分

var cookieChoices = (function() {
    var cookieName = 'displayCookieConsent';
    var cookieConsentId = 'cookieChoiceInfo';
    var dismissLinkId = 'cookieChoiceDismiss';

function _createHeaderElement(cookieText, dismissText, linkText, linkHref) {

      var butterBarStyles = 'position:fixed;background-color:#eee;' +
            'margin:0; top:0;padding:15px;z-index:1000;text-align:center;';

      var cookieConsentElement = document.createElement('div');
      cookieConsentElement.id = cookieConsentId;
      cookieConsentElement.style.cssText = butterBarStyles;
      cookieConsentElement.appendChild(_createConsentText(cookieText));

      if (!!linkText && !!linkHref) {
        cookieConsentElement.appendChild(_createInformationLink(linkText, linkHref));
      }
      cookieConsentElement.appendChild(_createDismissLink(dismissText));
      return cookieConsentElement;
    }

任何帮助将非常感激。

提前致谢。

最佳答案

我假设您希望div作为cookieChoiceInfo的子代：

var innerDiv = document.createElement('div');
// innerDiv.id = ...;
// innerDiv.style.cssText = ...;
cookieConsentElement.appendChild(innerDiv);

如果实际上要在div之后使用它，则：

cookieConsentElement.parentNode.insertBefore(innerDiv, cookieConsentElement.nextSibling);