在主div之后插入一个空div

时间:2018-06-12 13:18:20

标签: javascript html css

我正在编辑我们的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;
    }

非常感谢任何帮助。

提前致谢。

1 个答案:

答案 0 :(得分:1)

我假设您希望div成为cookieChoiceInfo的孩子:

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

如果你确实想要 div那么:

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