第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全，請及時綁定郵箱和手機立即綁定
已解決430363個問題，去搜搜看，總會有你想問的

通過javascript填充html表格

通過javascript填充html表格

人到中年有點甜 2022-01-13 17:22:44
這是一個用于 PHP/JavaScript 的 uni 項目。這個概念是我們創(chuàng)建一個空表，然后從用戶那里獲取輸入并將此文本放在表的奇數(shù)行中。問題是，我已經(jīng)創(chuàng)建了表格，但無法將文本傳遞給位于奇數(shù)行單元格內(nèi)的多個段落。我嘗試getElementById填充單元格的段落，但我發(fā)現(xiàn)每個段落都需要一個唯一的 id，因此它只填充第一個單元格。然后我嘗試getElementsByClassName了，但這不起作用，因為沒有.innerHTML它。基本上，我想要做的就是獲取相同的輸入并將其分配到多個段落或如果有辦法直接分配到單元格。代碼在底部。腳本現(xiàn)在不起作用，我只是把它留在里面。謝謝<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 回答

?
POPMUISE

TA貢獻1765條經(jīng)驗 獲得超5個贊

由于這是學校的家庭作業(yè)，我不會分享任何代碼示例。

解決方案 1： 我認為 php 循環(huán)已經(jīng)知道哪些行是奇數(shù)行和偶數(shù)行，因此將其與類屬性一起使用會很容易。

然后使用 getElementsByClassName() 創(chuàng)建一個可以在 javascript 中迭代以填充值的變量。

解決方案 2： 在您的 javascript 中使用 getElementsByTagName() 迭代 TR 并計算哪些行是偶數(shù)或奇數(shù)，并根據(jù) .

這需要更多的工作，但會教您更多關(guān)于 getElement 樣式函數(shù)的工作原理。


查看完整回答
反對 回復 2022-01-13
?
縹緲止盈

TA貢獻2041條經(jīng)驗 獲得超4個贊

您會遇到的困難是getElementByClassName渲染一個HTMLCollection, 這是一個偽集合，但不是您可以輕松迭代的東西。


但是你可以竊?。↗S 的力量?。?Array 的行為來達到這個目的。像那樣：


  const allCells = document.getElementsByClassName("first");


  Array.prototype.forEach.call(allCells, function(elt) {

    elt.innerHTML = choice;

  });

因此，您只需在所需的表格單元格（= 奇數(shù)行單元格）中添加一個類名（在我的示例中為“first”）。


查看完整回答
反對 回復 2022-01-13
?
叮當貓咪

TA貢獻1776條經(jīng)驗 獲得超12個贊

這可以通過不同的方式實現(xiàn)。在這里，我給你一個簡單的解決方案，只需在段落標簽中添加兩個類奇數(shù)和偶數(shù)，使用 querySelector 我們可以獲得所有奇數(shù)行并輕松添加 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 添加行，它會為您工作。


查看完整回答
反對 回復 2022-01-13
  • 3 回答
  • 0 關(guān)注
  • 358 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學習伙伴

 公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號