1

この一連の HTML コードにオブジェクトを追加しようとしています。

<div id="output">
<table id="presidents">
    <tr>
        <th>President</th><th>Took office</th><th>Left office</th>
    </tr>
</table>
</div>

  • 大統領オブジェクトの配列を取る関数 displayTable(presidents) を書きます。各大統領オブジェクトには、名前、takeOffice、leftOffice のプロパティがあります。

  • 大統領ごとに、ID「大統領」の行をテーブルに追加します

  • 名前を最初の列に配置し、takeOffice を 2 番目の列に配置し、leftOffice を 3 番目の列に配置します。

これまでのところ、これは私が得た限り近いです：

var x = document.getElementById('President');
var y = document.getElementById('Took Office');
var z = document.getElementById('Left Office');

function displayTable(presidents) {
    var presArray = [{
        name: 'W',
        tookOffice: '2000',
        leftOffice: '2008'
    }, {
        name: 'Obama',
        tookOffice: '2008',
        leftOffice: '2016'
    }];
    for (var i = 0; i < presArray.length; i++) {
        x = +presArray[i].name;
        y = +presArray[i].tookOffice;
        z = +presArray[i].leftOffice;
    }
}
4

2 に答える 2

1

use innerhtmlプロパティを使用して要素のコンテンツを設定できます。

x += presArray[i].name

読むべき

document.getElementById('President').innerHTML = presArray[i].name

また、これが機能するには、 html要素にPresidentの ID が必要です。

于 2013-11-11T10:28:22.803 に答える