我正在编辑我们的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;
}
非常感谢任何帮助。
提前致谢。
答案 0 :(得分:1)
我假设您希望div
成为cookieChoiceInfo
的孩子:
var innerDiv = document.createElement('div');
// innerDiv.id = ...;
// innerDiv.style.cssText = ...;
cookieConsentElement.appendChild(innerDiv);
如果你确实想要 div
那么:
cookieConsentElement.parentNode.insertBefore(innerDiv, cookieConsentElement.nextSibling);