gpt4 book ai didi

javascript - Bootstrap 面板不显示正文

转载 作者:行者123 更新时间:2023-12-03 06:40:13 26 4
gpt4 key购买 nike

出于某种原因,我的 Bootstrap 面板不会显示正文。我已经通过 DOM 操作设置了所有元素。

我的面板标题文本显示正常,但我的正文文本不显示。

我还注意到 Bootstrap 面板主体内容没有任何元素,只有文本行。

我尝试向其中添加文本元素,但到目前为止没有任何效果。这是我的代码:

JS

var searchButton = document.getElementById('search-button');
searchButton.addEventListener('click', function() {
var term = document.getElementById('term').value;
var matched = [];
for (var i = 0; i < hotelRooms.length; i++) {
if (hotelRooms[i].hotel.indexOf(term) !== -1) {
matched.push(hotelRooms[i]);
}
}

for (var i = 0; i < matched.length; i++) {

var roomResults = document.createElement('div');
roomResults.setAttribute('id', 'results');
roomResults.setAttribute('class', 'result-style');

var resultsArea = document.getElementById('results-area');
console.log(matched[i]);

var panelDefault = document.createElement('div');
panelDefault.setAttribute('class', 'panel-default');

var panelHeading = document.createElement('div');
panelHeading.setAttribute('class', 'panel-heading');

var panelBody = document.createElement('div');
panelBody.setAttribute('class', 'panel-body');

var name = document.createElement('h3'); // Hotel Name
name.setAttribute('class', 'hotel-name');
name.textContent = matched[i].hotel;

var price = document.createElement('div'); // Room Price
price.setAttribute('class', 'room-price');
price.textContent = matched[i].price;

roomResults.appendChild(panelDefault);
panelDefault.appendChild(panelHeading);
panelHeading.appendChild(name);
panelBody.appendChild(price);

resultsArea.appendChild(roomResults);
}
});

最佳答案

您永远不会将 panelBody 附加到 panelDefault

....
roomResults.appendChild(panelDefault);
panelDefault.appendChild(panelHeading);
panelHeading.appendChild(name);
panelBody.appendChild(price);
panelDefault.appendChild(panelBody);
....

关于javascript - Bootstrap 面板不显示正文,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38001591/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com