span внутри span
Здравствуйте, что то не соображу, как создать span внутри span, т.е. нужно чтоб результат скрипта был таким:
<div id="cost"> <div id="dat"> <span id="span_one">Brower RDU</span><span>code:<span id="span_tree">00111</span></span> </div> </div> У меня же span отдельно создаются и закрываются, подскажите пожалуйста в каком моменте я туплю ?
<html>
<head>
</head>
<body>
<div id="cost"></div>
<script>
var cost = document.getElementById('cost');
var div = document.createElement('div');
div.setAttribute('id', 'dat');
cost.appendChild(div);
var span_one = document.createElement('span');
span_one.setAttribute('id', 'span_one');
span_one.innerHTML = 'Brower RDU';
div.appendChild(span_one);
var span_two = document.createElement('span');
span_two.innerHTML = 'code: ';
div.appendChild(span_two);
var span_tree = document.createElement('span');
span_tree.setAttribute('id', 'span_tree');
span_tree.innerHTML = '00111';
div.appendChild(span_tree);
</script>
</body>
</html>
|
Цитата:
А к чему вообще весь этот огород? Не проще задать innerHTML целиком для div? Может вам какой-нибудь шаблонизатор лучше подключить? На jQuery все эти действия делаюстся в 1 строчку. span_one.setAttribute('id', 'span_one') проще заменить на span_one.id = 'span_one' |
<html>
<head>
</head>
<body>
<div id="cost"></div>
<script>
var cost = document.getElementById('cost');
var a='<span id="span_one">Brower RDU </span><span>code:<span id="span_tree">00111</span></span>'
cost.innerHTML=a;
</script>
</body>
</html>
<html>
<head>
</head>
<body>
<div id="cost"></div>
<script>
var cost = document.getElementById('cost');
var Naimenow = 'code:';
var textSpan = '00111';
var a='<span id="span_one">Brower RDU </span>';
var b='<span>'+Naimenow+'<span id="span_tree"></span>'+ textSpan +'</span>';
cost.innerHTML=a+b;
</script>
</body>
</html>
|
Спасибо danik.js, спасибо Deff что откликнулись =)
danik.js, я JS знаю туго, куда там лезть в jQuery, на нем хоть и проще, но хочется освоить JS. |
|
Цитата:
|
| Часовой пояс GMT +3, время: 03:56. |