Форум

psfdek · #1 (**permalink**) 05.02.2015, 15:53

Создаю элемент с помощью JS. Во всех браузерах норм, а в IE почему то криво.

<button onclick="var inp=document.createElement('div'); inp.id='btntel'; inp.innerHTML=''; this.parentNode.replaceChild(inp,this); callback();" class="btnpurpure">указать телефон</button>

function callback(){
    var
    o=document.createElement('input');
    o.id = 'teltel';
    o.placeholder = 'Введите ваш телефон';
    document.getElementById('btntel').appendChild(o);
 
    var
    o=document.createElement('input');
    o.id = 'calcal';
    o.value = 'ок';
    o.innerHTML = 'ок';
    o.setAttribute('onclick', 'sendAjaxFunc();')
    o.type = 'submit';
    document.getElementById('btntel').appendChild(o);
}

Как сделать что бы IE тоже создавал INPUT SUBMIT с value ок??

рони · #2 (**permalink**) 05.02.2015, 16:06

psfdek,
не писать строк 12 и 13 и type указать ранее value

рони · #3 (**permalink**) 05.02.2015, 16:09

psfdek,

<!DOCTYPE HTML>

<html>

<head>
    <title>Untitled</title>
    <meta charset="utf-8">
    <script>
        function sendAjaxFunc() {
            alert('test')
        };

        function callback() {
            var o = document.createElement('input');
            o.id = 'teltel';
            o.placeholder = 'Введите ваш телефон';
            document.getElementById('btntel').appendChild(o);

            var o = document.createElement('input');
            o.type = 'submit';
            o.id = 'calcal';
            o.value = 'ок';
            o.onclick = sendAjaxFunc;
            document.getElementById('btntel').appendChild(o);
        }
    </script>
</head>

<body>
    <button onclick="var inp=document.createElement('div'); inp.id='btntel'; inp.innerHTML=''; this.parentNode.replaceChild(inp,this); callback();" class="btnpurpure">указать телефон</button>
</body>

</html>

Форум

Справочник

Discord чат

Курсы javascript