Javascript-форум - Создание input проблема в IE

Javascript-форум (https://javascript.ru/forum/)

- Элементы интерфейса (https://javascript.ru/forum/dom-window/)

- - Создание input проблема в IE (https://javascript.ru/forum/dom-window/53482-sozdanie-input-problema-v-ie.html)

Создание input проблема в IE

Создаю элемент с помощью 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 ок??

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

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>