Неполучается отобразитьэоементы создаваемые javaScript,
также как это делается тегами html.
В чем ошибка или что я делаю не так?
|
Код:
|
<head>
<meta http-equiv="Content-Type" content="text/html; charset=koi8-r">
<script type="text/javascript" language="JavaScript" src="js/jquery.js" ></script>
<script type="text/javascript">
function nodeTree(){
this.echo = function(){
var divTagBox = document.createElement("div");
divTagBox.id = "box1";
divTagBox.class = "boxKey";
var divTagSq = document.createElement("div");
divTagSq.id = "sq1";
divTagSq.class = "sq";
divTagSq.style.opacity = "1";
divTagBox.appendChild(divTagSq);
var spanTag = document.createElement("span");
spanTag.class = "sqName";
spanTag.innerHTML = "ПРОБА";
divTagBox.appendChild(spanTag);
document.body.appendChild(divTagBox);
}
}
function init(){
var node = new nodeTree();
node.echo();
}
window.onload = init;
</script>
<style type="text/css">
.boxKey {
padding: 0;
margin: 0;
}
.sq {
background: #6699FF;
height: 20px;
width: 20px;
padding: 0;
margin: 0;
float: left;
}
.sqName {
background: none;
font-size: 2pn;
font-family:verdana;
color:Orange;
padding: 2px;
margin: 0px 0px 0px 3px;
}
</style>
</head>
<body>
<div class="boxKey">
<div class="sq">
</div>
<span class="sqName">
ПРОБА
</span>
</div>
<br>
</body>
</html> |