我正在嘗試創(chuàng)建一個(gè)包含一些學(xué)生信息的網(wǎng)站。因此，我需要?jiǎng)?chuàng)建動(dòng)態(tài)配置文件卡并將它們附加到正文中。但 DOM 總是讓我著迷。function student(src, name) { this.src = src; this.name = name;}var student1 = student(1, "ABC");var card = document.createElement('div');card.className = 'card';var image = document.createElement('img');image.src = 'images\/students\/' + student1.src + '.jpg';card.appendChild(image);var stuName = document.createElement('p');stuName.className = 'name';var stuNameText = document.createTextNode(student1.name);stuName.appendChild(stuNameText);card.appendChild(stuName);然而屏幕上什么也沒有顯示。place這里是body的id。任何幫助將不勝感激。編輯：顯然應(yīng)用所有必要的更改并將我的腳本標(biāo)記移動(dòng)到正文會(huì)有所幫助。
3 回答
翻翻過去那場雪
TA貢獻(xiàn)2065條經(jīng)驗(yàn) 獲得超14個(gè)贊
您創(chuàng)建 Student1 對象的方式是錯(cuò)誤的， var student1 = new student(1, "ABC"); 您忘記了新的關(guān)鍵工作
function student(src, name) {
this.src = src;
this.name = name;
}
var student1 = new student(1, "ABC");
var card = document.createElement('div');
card.className = 'card';
var image = document.createElement('img');
image.src = 'images\/students\/' + student1.src + '.jpg';
card.appendChild(image);
var stuName = document.createElement('p');
stuName.className = 'name';
var stuNameText = document.createTextNode(student1.name);
stuName.appendChild(stuNameText);
card.appendChild(stuName);
var main=document.getElementById('main')
main.appendChild(card)
.card{ color: palevioletred;
background: yellow;}
<div id="main"></div>
紅糖糍粑
TA貢獻(xiàn)1815條經(jīng)驗(yàn) 獲得超6個(gè)贊
您沒有將代碼附加到任何 DOM 元素，也沒有在 body 中創(chuàng)建新的 div 并將代碼附加到該 div 中。 <div id="stdCard"></div> 然后你可以使用innerHTML將卡片附加到創(chuàng)建的父div中。document.getElementById("stdCard").innerHTML = card;
MYYA
TA貢獻(xiàn)1868條經(jīng)驗(yàn) 獲得超4個(gè)贊
您必須將所有這些新創(chuàng)建的元素附加到 DOM 中已有的 div 中，否則 body 標(biāo)記也可以工作。目前，您創(chuàng)建的元素未附加到 DOM。假設(shè)你有一個(gè) div
<div id="mydiv"></div>
您可以將新創(chuàng)建的元素附加到該 div 上，如下所示：
ley mydiv = document.getElementById('mydiv');
mydiv.appendChild(card);或者你可以將它附加到正文本身，如下所示：
ley body= document.getElementByTagName('body');
body.appendChild(card);- 3 回答
- 0 關(guān)注
- 154 瀏覽
添加回答
舉報(bào)
0/150
提交
取消