gpt4 book ai didi

javascript - getElementById.innerHTML 似乎不起作用

转载 作者:行者123 更新时间:2023-12-03 07:13:29 24 4
gpt4 key购买 nike

所以,我刚刚开始尝试 JavaScript。一段时间以来,我一直在寻找问题的解决方案,但似乎找不到。这可能是一个简单的解释,但我确信还有其他 JS 新手可能有同样的问题。

我需要用 JS 实现 HTML 的原因是因为我试图将数据库中的信息设置到缩略图中。虽然我还没有将变量传递到这段代码中。

<head>
<script type="text/javascript">

document.onload = function () {

document.getElementById("thumbnails").innerHTML =
'<div class="col-sm-6 col-md-4">' +
'<div class="thumbnail">' +
'<img src="pictures/workshop.jpg" alt="...">' +
'<div class="caption">' +
'<h3>Thumbnail label</h3>' +
'<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed et erat a ipsum luctus gravida. Nunc in elit id neque lobortis viverra eu a lorem. Donec eget augue a odio consectetur tempus eu vitae turpis.</p>' +
'<p><a href="#" class="btn btn-primary" role="button">Delta</a> <a href="#" class="btn btn-default" role="button">Les mer</a></p>' +
'</div>' +
'</div>' +
'</div>';
}

</script>
</head>

<body>
<div class"row" id="thumbnails">
</div>

最佳答案

解决办法是:

<!DOCTYPE html>
<html>
<head>
<title>Hello World</title>
</head>
<body>
<div class"row" id="thumbnails"></div>

<script type="text/javascript">

function var1() {
document.getElementById("thumbnails").innerHTML =
'<div class="col-sm-6 col-md-4">' +
'<div class="thumbnail">' +
'<img src="pictures/workshop.jpg" alt="...">' +
'<div class="caption">' +
'<h3>Thumbnail label</h3>' +
'<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed et erat a ipsum luctus gravida. Nunc in elit id neque lobortis viverra eu a lorem. Donec eget augue a odio consectetur tempus eu vitae turpis.</p>' +
'<p><a href="#" class="btn btn-primary" role="button">Delta</a> <a href="#" class="btn btn-default" role="button">Les mer</a></p>' +
'</div>' +
'</div>' +
'</div>';
}

window.onload = var1;
</script>
</body>
</html>

无论如何,我建议您使用 jQuery (https://jquery.com)。

关于javascript - getElementById.innerHTML 似乎不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36522815/

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