phonegap динамическая кнопка javascript

Question

Учимся использовать Phonegap для создания приложения для Android. Я все еще экспериментирую с основами HTML и JavaScript. Попытка добавить кнопку, я должен сделать что-то в корне неправильно ...

это мое тело элемент:

<div data-role="page"> 
    <div data-role="header"> 
     <h1>My Title</h1> 
    </div> 
    <div data-role="content" id="divContent"> 
     <p id="content"></p> 
    </div> 
</div> 

Для начала у меня есть некоторые базовые functionaloty. У меня есть databasequery (он работает) и результат должен производить некоторый текст и кнопку:

if(results.rows.item(0).c == 0){ 
    document.getElementById("content").innerHTML= 
     "You don't have any service items ....etc"; 
    var btn = document.createElement("newItem"); 
    btn.setAttribute("type", "button"); 
    btn.setAttribute("value", "AAARGH!"); 
    btn.setAttribute("name", "btnNew"); 
    document.getElementById("divContent").appendChild(btn); 
} 

отображается текст, кнопка не является, и я не могу понять, почему. Из того, что я прочитал, это способ создать кнопку с JavaScript.

Полный источник доступен здесь: http://code.google.com/p/easy-service/source/browse/trunk/EasyService-Common/app/app.html

Answer 1

Вам нужно создать button узел так:

var btn = document.createElement("input"); 

Параметр вы передаете в это тип element-- в этом случае, нам нужен элемент input.