[JS] использование createElement
Добавлено: 2009-05-10 17:51:21
Никак не получается отобразить элементы создаваемые в js на странице также как тегами 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>