Функция ниже работает отлично в IE 9 и выше, но текст не будет отображаться в IE 8 и ниже.
html:
<body onLoad="BuildBrwsrInfoMsg();" style="background: url('../images/BeachBackground.jpg'); margin-top:0; " id="LoadingDisplay" >
скрипт:
function BuildBrwsrInfoMsg()
{
var maindiv = document.getElementById('Background-Header');
var div = document.createElement('div');
div.setAttribute('id', 'browserInfo');
var spanBrwsrNameVersion = document.createElement('span');
spanBrwsrNameVersion.textContent = "Browser Not Supported - You are using ("+ bowser.name + ' ' + bowser.version + ")";
spanBrwsrNameVersion.setAttribute('class', 'BrowersTitle' );
div.appendChild(spanBrwsrNameVersion);
var spanBrwsrMsg = document.createElement('span');
spanBrwsrMsg.textContent = "This browser may not be compatible with our website. For best results, it is suggested that you upgrade to the latest version. To download the latest version Click";
spanBrwsrMsg.setAttribute('class', 'BrowersDescription' );
div.appendChild(spanBrwsrMsg);
var hideBtn = document.createElement('input');
hideBtn.setAttribute('id', 'btnHideMsg');
hideBtn.setAttribute('type', 'submit');
hideBtn.setAttribute('value', 'Hide Message');
div.appendChild(hideBtn);
maindiv.insertBefore(div, maindiv.firstChild);
}
Все о свойствах textContent
не поддерживается IE <9. Это подтверждается официальными документами о свойстве textContent.
textContent
связанная страница, для того, чего пытается достичь OP,innerText
можно использовать вместоtextContent
в IE8-. Код также будет намного проще и короче с использованием jQuery (если вы можете).