как применить стиль для разметки после window.onload

dostel1 · January 31, 2012


<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Документ без названия</title>
<!--[if IE]>
<link rel="stylesheet type="text/css" href="1.css">
<script src="1.js"></script>
<![endif]-->
</head>
<body>
</body>
</html>


// JavaScript Document
window.onload=function (){
	alert('1')
document.body.innerHTML='<div class="one">'
document.body.innerHTML+='<ul>'
document.body.innerHTML+='<li><a href="">google</a></li>'
document.body.innerHTML+='<li><a href="">google</a></li>'
document.body.innerHTML+='<li><a href="">google</a></li>'
document.body.innerHTML+='<li><a href="">google</a></li>'
document.body.innerHTML+='</ul>'
document.body.innerHTML+='<div>';
}

стили подключаются перед js кодом который формирует новую разметку поэтому и не применяются?

Как можно обойти?

Edited January 31, 2012 by dostel1

Great Rash · February 1, 2012

Не надо писать .innerHTML 100500 раз, это очень плохо. Стили должны примениться.


var html = '<div class="one">';
html += '<ul>';
html += '<li><a href="">google</a></li>';
html += '<li><a href="">google</a></li>';
html += '<li><a href="">google</a></li>';
html += '<li><a href="">google</a></li>';
html += '</ul>';
html += '<div>';

document.body.innerHTML = html;
// так будет гораздо быстрее

dostel1 · February 1, 2012

пасиб

Sign In

как применить стиль для разметки после window.onload

Question

dostel1

Link to comment

Share on other sites

2 answers to this question

Recommended Posts

Great Rash

Link to comment

Share on other sites

dostel1

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information