Вопросы Теги

Менять положения td таблицы html

привет я хотел бы, чтобы кто-то смог помогать мне, мне нужно, чтобы, загрузив страницу, каждый td, что эта на таблицу изменила положения случайного способа со всем Вашим контентом например td номер 1, изменился в положение, где находится td номер 4 

<table>
<tbody>
    <tr>
        <td>hola1</td>
        <td>hola2</td>
        <td>hola3</td>
        <td>hola4</td>
    </tr>
</tbody>

0
задан 06.11.2019, 18:33
1 ответ

Ты мог бы создавать string со всеми внешними полями таблицы, потом с теми, которых ты хочешь, что они оказались случайными, создавать array их, приводить в беспорядок array случайным образом, и aГ±adir каждый элемент array в первый string, потом делать innerHTML из string, чтобы прилагать случайную таблицу в Веб. Например: 

<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <title>JavaScript</title>
  <script type="text/javascript">   


    function creaTabla(){
        //Principio tabla
        var stringTabla = "<table><tbody><tr>";

        //Array de elementos que tendrán que salir aleatoriamente
        var array = ["<td>hola1</td>","<td>hola2</td>","<td>hola4</td>","<td>hola3</td>"];

        //Desordenamos el array aleatoriamente:
        array =array.sort(function(){return Math.random()-0.5});


        //Una vez desordenado, tenemos que ir añadiendo cada elemento al string:
        for(var i = 0; i<array.length;i++){
            stringTabla+=array[i];
        }

        //Añadimos el final de la tabla
        stringTabla += "</tr></tbody></table>";

        //Añadimos el resultado a la web.
        document.getElementById("idTabla").innerHTML = stringTabla;

    }

  </script>
</head>
<body onload="creaTabla()">
    <div id="idTabla"></div>
</body>
</html>

Результат serГ - в новую таблицу с полями случайным образом каждый раз, когда была загружена она pГЎgina, например:

1Вє Грузит:

hola2 hola1 hola4 hola3

2Вє Грузит:

hola4 hola3 hola1 hola2

3Вє Грузит:

hola3 hola1 hola2 hola4

0
ответ дан 01.12.2019, 12:33