首頁猿問如何根據標簽在...

如何根據標簽在 JavaScript 中的順序更改標簽的內部 HTML？

JavaScript

尚方寶劍之說 2022-09-23 16:40:37

我對JavaScript相當陌生，我正在練習較小的項目。我想做的是將一堆標簽的內部HTML更改為它們的順序。讓我解釋一下。我想從這里開始。*Number <br>*Number <br>*Number對此。*1 <br>*2 <br>*3純粹從腳本中做到這一點。這就是我現在所擁有的。斷續器<p id="thisIsANumber">Number</p><p id="thisIsANumber">Number</p><p id="thisIsANumber">Number</p><button onclick="orderElements()">Order Elements</button>腳本function orderElements() { var reference = document.getElementById('thisIsANumber'); for (var i = 0; i < 3; i++) { reference[i].innerHTML = i; }}

查看完整描述

2 回答

MMMHUHU

TA貢獻1834條經驗獲得超8個贊

正如評論中提到的，你不能讓多個東西使用相同的東西 - 你應該使用一個。idclass

例如，這表示您有一個段落，而這種段落是“編號段落”：

現在，您可以選擇具有該類的所有段落，循環訪問它們并為每個段落指定一個數字。

此示例代碼是顯式的，因此很清楚 - 有很多方法可以縮短：

document.getElementById('numberGenerator')

.addEventListener('click', function(e) {

const paragraphs = document.querySelectorAll('.numbered-paragraph');

let i = 1;

for (p of paragraphs) {

p.innerText = 'paragraph number ' + (i++);

}

});

<p class="numbered-paragraph">Number</p>

<button id="numberGenerator">Order Elements</button>

注意我還使用過帶有匿名函數的 addEventListener，而不是具有命名函數的內聯 onclick=。

反對回復 2022-09-23

嗶嗶one

TA貢獻1854條經驗獲得超8個贊

這里的主要問題是您使用了而不是。這樣做的問題是，an 用于標識一個元素，而 a 可用于標識多個元素。如果你想要的是編號的段落元素，而不是一個有序的列表，這應該可以解決問題：idclassidclass

function orderElements() {

var reference = document.getElementsByClassName("thisIsANumber");

for (var i = 0; i < 3; i++) {

reference[i].innerHTML = i;

}

<body>

<p class="thisIsANumber">Number</p>

<button onclick="orderElements()">Order Elements</button>

</body>

反對回復 2022-09-23

2 回答
0 關注
129 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

如何根據標簽在 JavaScript 中的順序更改標簽的內部 HTML？

如何根據標簽在 JavaScript 中的順序更改標簽的內部 HTML？

2 回答

添加回答

如何根據標簽在 JavaScript 中的順序更改標簽的內部 HTML？