這是一個用于 PHP/JavaScript 的 uni 項目。這個概念是我們創建一個空表，然后從用戶那里獲取輸入并將此文本放在表的奇數行中。問題是，我已經創建了表格，但無法將文本傳遞給位于奇數行單元格內的多個段落。我嘗試getElementById填充單元格的段落，但我發現每個段落都需要一個唯一的 id，因此它只填充第一個單元格。然后我嘗試getElementsByClassName了，但這不起作用，因為沒有.innerHTML它?；旧?，我想要做的就是獲取相同的輸入并將其分配到多個段落或如果有辦法直接分配到單元格。代碼在底部。腳本現在不起作用，我只是把它留在里面。謝謝<body> <p class="p1">5th excercise Php</p><br><br><br> <input type="button" id="btn" value="Give Input"><br><br> <?php echo "<table>"; for($i=1;$i<=10;$i++){ echo "<tr>"; for($j=1;$j<=10;$j++){ if($i % 2 == 0){ echo "<td style='background-color:green;color:green;'>"."<p>"."."."</p>"."</td>"; } else{ echo "<td style='background-color:red; color:red;'>"."<p>"."."."</p>"."</td>"; } } echo "</tr>"; } echo "</table>"; ?><script>document.getElementById("btn").onclick= function(){f()}function f(){ var x= prompt("Give input"); document.getElementById("").style.color = "black"; document.getElementById("").innerHTML= x;}</script></body>
3 回答
鳳凰求蠱
TA貢獻1825條經驗 獲得超4個贊
由于這是學校的家庭作業，我不會分享任何代碼示例。
解決方案 1： 我認為 php 循環已經知道哪些行是奇數行和偶數行，因此將其與類屬性一起使用會很容易。
然后使用 getElementsByClassName() 創建一個可以在 javascript 中迭代以填充值的變量。
解決方案 2： 在您的 javascript 中使用 getElementsByTagName() 來迭代 TR 并計算哪些行是偶數或奇數，并根據 .
這需要更多的工作，但會教您更多關于 getElement 樣式函數的工作原理。
烙印99
TA貢獻1829條經驗 獲得超13個贊
這可以通過不同的方式實現。在這里，我給你一個簡單的解決方案，只需在段落標簽中添加兩個類奇數和偶數，使用 querySelector 我們可以獲得所有奇數行并輕松添加 innerHtml。
document.getElementById("btn").onclick = function() {
f()
}
function f() {
var x = prompt("Give input");
document.querySelectorAll('.odd').forEach(p => {
p.innerHTML = x;
p.style.color='black';
});
}
<body>
<p class="p1">5th excercise Php</p><br><br><br>
<input type="button" id="btn" value="Give Input"><br><br>
<table>
<tr>
<td style='background-color:green;color:green;'>
<p class='even'></p>
</td>
</tr>
<tr>
<td style='background-color:red;color:red;'>
<p class='odd'></p>
</td>
</tr>
<tr>
<td style='background-color:green;color:green;'>
<p class='even'></p>
</td>
</tr>
<tr>
<td style='background-color:red;color:red;'>
<p class='odd'></p>
</td>
</tr>
<tr>
<td style='background-color:green;color:green;'>
<p class='even'></p>
</td>
</tr>
<tr>
<td style='background-color:red;color:red;'>
<p class='odd'></p>
</td>
</tr>
</table>
</body>
在這里，我刪除了 php 代碼，因為我不知道如何在 stackoverflow 上添加它，但您可以使用 php 添加行，它會為您工作。
隔江千里
TA貢獻1906條經驗 獲得超10個贊
id您可以像這樣在段落中添加一個元素
"<p id='id_{$j}'>"該'id_{$j}'部分將導致像id_0,id_1等字符串。
然后，您必須遍歷 JavaScript 部分中的所有列，并使用這些 id 來設置它們的innerHtml.
- 3 回答
- 0 關注
- 171 瀏覽
添加回答
舉報
0/150
提交
取消