大家好，我有一些錯誤我想用串列更改 JavaScript 上的 h1 內容，但我不知道我的錯誤在哪里，你能幫我嗎？
<html>
<body>
<h2 id="demo">Example H</h2>
<div class="swiper-button-next"> </div>
</body>
<script>
next = document.querySelector("swiper-button-next");
name-index = 0;
name-list[
{
name: 'John'
},
{
name: 'Christina'
}
];
next.addEventListener('click', myFunction)
function myFunction() {
document.getElementById("demo").innerHTML /* (i was try like textContent) */ = "name-list[name-index].name";
}
<script>
<html>
uj5u.com熱心網友回復：
請檢查編碼格式
<html>
<body>
<h2 id="demo">Example H</h2>
<div class="swiper-button-next"> </div>
</body>
<script>
var next = document.querySelector(".swiper-button-next");
var name_index = 0;
var name_list = [
{
name: 'John'
},
{
name: 'Christina'
}
];
function myFunction() {
document.getElementById("demo").innerHTML /* (i was try like textContent) */ = name_list[name_index].name;
}
next.addEventListener('click', myFunction);
</script>
<html> uj5u.com熱心網友回復：
請嘗試一下。https://codepen.io/phm-tun-v/pen/wvyRqMe
<body>
<h2 id="demo">Example H</h2>
<button id="swiper-button-next">Click here</button>
</body>
<script>
next = document.getElementById("swiper-button-next");
let nameIndex = 0;
let nameList = [{ name: 'John'},{name: 'Christina'}];
next.addEventListener('click', myFunction)
function myFunction() {
document.getElementById("demo").innerHTML=nameList[nameIndex].name;
}
</script>
uj5u.com熱心網友回復：
您的 HTML/JS 中有許多語法錯誤。
- 你不能在變數名中使用連字符
- HTML 標簽被打開但從未關閉
- 后面有內容
</body> - 使用
let,const或var用于變數宣告 - 查詢選擇器不正確：使用“。” CSS 類名的前面
- 為什么是
name_list[name_index].name引號？這只會將文字作為字串插入
<html>
<body>
<h2 id="demo">Example H</h2>
<div class="swiper-button-next">My Button</div>
<script>
let next = document.querySelector(".swiper-button-next");
let name_index = 0;
let name_list = [
{ name: 'John' },
{ name: 'Christina' }
];
next.addEventListener('click', myFunction);
function myFunction() {
document.getElementById("demo").innerHTML = name_list[name_index].name;
}
</script>
</body>
</html>
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/489623.html
標籤：javascript html