javascriptボタンは、FirefoxやChromeでは動作しません。

Question

テーブルを表示する簡単なWebページを作成しています。それはテーブルの右の列私は 'ビュー'と言うすべての行にボタンを追加したい。私はボタンオブジェクトを作成してvalue = 'view'を設定することでこれを行う関数を書いたが、firefoxとchromeではボタンはテキストなしで表示される。なぜ誰が知っていますか？ここに私のコードは次のとおりです。

function addRow(id, sender, message){ 
    var theTable = document.getElementById('messageTable'); 
    var lastRow = theTable.rows.length; 
    var newRow = theTable.insertRow(lastRow); 
    newRow.id = id; 

    var cellLeft = newRow.insertCell(0); 
    var textNode = document.createTextNode(id); 
    cellLeft.appendChild(textNode); 

    var secondCell = newRow.insertCell(1); 
    var textNode2 = document.createTextNode(sender); 
    secondCell.appendChild(textNode2); 

    var messageCell = newRow.insertCell(2); 
    var messageNode = document.createTextNode(message); 
    messageCell.appendChild(messageNode); 

    var viewCell = newRow.insertCell(3); 
    var viewNode = document.createElement('button'); 
    viewNode.value = 'View'; 
    viewNode.onclick = function(){ 
    alert('clicked: ' + id); 
    }; 
    viewCell.appendChild(viewNode); 
} 

Answer 1

FFボタンタグで包まれているものが表示さではなく、value属性に

Answer 2

<button> sが自己されていないので、あなたがviewNode.innerHTML =「表示」を実行する必要が<input>のように閉じ、value属性を持っていません。

viewNode.appendChild(document.createTextNode('View')); 

また、一度だけ使用しているノードの変数を作成する必要もありません。上記のスタイルを使用することで、コードをいくつかの場所に統合することができます。