Показать сообщение отдельно
  #4 (permalink)  
Старый 10.09.2015, 19:42
Профессор
Отправить личное сообщение для tsigel Посмотреть профиль Найти все сообщения от tsigel
 
Регистрация: 12.12.2012
Сообщений: 1,398

фонарик,
<div class="to-clone" style="border:1px solid blue; cursor:pointer; width:100px; text-align:center; position:absolute">Клонировать</div>
<div class="name_container" style="border:1px solid blue; width:200px; height:100px; text-align:center; position:absolute; margin-left:110px " class="part_01"></div>

<script>

    function createElement(){
        var events = {
            mouseover: "green",
            mouseout: ""
        };
        var div_block = document.createElement('div');
        div_block.className = 'BOX';
        div_block.style.border = '1px solid red';
        div_block.style.cursor = 'default';
        div_block.innerHTML = 'Леонардо';
        Object.keys(events).forEach(function (eventName) {
            div_block.addEventListener(eventName, function () {
                this.style.backgroundColor = events[eventName];
            }, false);
        });
        document.querySelector('.name_container').appendChild(div_block);
    }

    window.addEventListener('DOMContentLoaded', function () {
        createElement();
        document.querySelector('.to-clone').addEventListener('click', createElement);
    }, false);
</script>

Последний раз редактировалось tsigel, 10.09.2015 в 19:47.
Ответить с цитированием