InnerHTML

@dwarfess · Регистрация: 15.10.2016

Студворк — интернет-сервис помощи студентам

Господа, возможно вопрос и нубский, но сам решение пока найти не могу. В общем есть HTML код, в котором только div c ID. Я скриптом создаю в нем таблицу. А затем мне нужно взять полное содержание этого готового блока. Через ID с помощью InnerHTML, по идеи должно работать, блок ведь уже наполнен... а оно ни в какую.

Начиная с 117 строки и до 121 - я пытаюсь алертом проверить, что занесло в переменную, а там пусто... но стоит мне изначально в div внести хотя бы пару символов, до создания остального скриптом. Aletrt эти пару символов выводит. Не выводит только то, что сделано скриптом. Подскажите, что не так.

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
<!DOCTYPE HTML>
<html>
<head>
<meta charset = "windows-1251">
<link type="text/css" rel="stylesheet" href="button.css">
<title>ѕ¤тнашки
</title>
</head>
<body>
    <header>
    </header>
    <article>
        <div id = "table">
        </div>
        <form name = "myForm" id = "form">
        
                <input type = "button" value = " " onclick = "game(0)"><!--0-->
                <input type = "button" value = " " onclick = "game(1)"><!--1-->
                <input type = "button" value = " " onclick = "game(2)"><!--2-->
                <input type = "button" value = " " onclick = "game(3)"><!--3-->
                <br>
                <input type = "button" value = " " onclick = "game(4)"><!--4-->
                <input type = "button" value = " " onclick = "game(5)"><!--5-->
                <input type = "button" value = " " onclick = "game(6)"><!--6-->
                <input type = "button" value = " " onclick = "game(7)"><!--7-->
                <br>
                <input type = "button" value = " " onclick = "game(8)"><!--8-->
                <input type = "button" value = " " onclick = "game(9)"><!--9-->
                <input type = "button" value = " " onclick = "game(10)"><!--10-->
                <input type = "button" value = " " onclick = "game(11)"><!--11-->
                <br>
                <input type = "button" value = " " onclick = "game(12)"><!--12-->
                <input type = "button" value = " " onclick = "game(13)"><!--13-->
                <input type = "button" value = " " onclick = "game(14)"><!--14-->
                <input type = "button" value = " " onclick = "game(15)"><!--15-->
                
                <input type = "button" value = "Show" class = "button" onclick = "newGame()"><!--16-->
                <input type = "button" value = "Magic" class = "button" onclick = "magic()"><!--17-->
                
                
        </form>
        <form name = "newForm" id = "newForm">
            <input type = "text" class = "enter"><input type = "button" onclick = "search()" class = "search">
        </form>
    <script>
    
        function magic(){
          var f = document.myForm.elements;
          document.getElementById('form').style.display = 'none';//прячем нашу форму
          var newTable = document.getElementById('table');
          //об¤вл¤ем переменную с началом новой таблицы
          var newTable1 = '<table style = "margin:0 200px;"><thead></thead><tbody style = "font:34px/26px comic sans ms; text-align:center">';
          var j = 0;//переменна¤ котора¤ будет перебирать по очереди значение кнопок
          for(i = 0; i < 4; i++){//цикл создает строки
            newTable1 += '<tr>';
            for(k = 0; k < 4; k++){//цикл создает столбцы
              newTable1 += '<td style = "background:url(img/button.jpg) no-repeat top center; width:100px; height:100px;">'
              + f[j++].value + '</td>';
              }
            newTable1 += '</tr>';
          }
          
          newTable1 += '</tbody></table>'
          newTable.innerHTML = newTable1;//выводим таблицу в наш div с Id 
          document.getElementById('newForm').style.display = "block";
          
          
        }
        
        
        function newGame(){
          var f = document.myForm.elements;
          var masNum = [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16];
          var lastNum = 15;
          
          var f = document.myForm.elements;
          for (var  i = 0; i < 16; i ++){
          var a =Math.round(Math.random() * lastNum);//случайным образом определ¤ем номер значени¤
          f[i].value = masNum[a];//задаем значение дл¤ кнопки с номером
          //убираем выбраный элемент из масива. *ладем на его место последний элемент масива
          //длинну масива уменьшаем на единичку
          masNum[a] = masNum[lastNum];
          lastNum--;
          
        }   
         
        }
          
 
        
        
        function myChange(n, m){
        //мен¤ютс¤ местами значени¤ на кнопках n и m
           var f = document.myForm.elements;
           //alert(f[0].value);
           var f0 = f[n].value;
           f[n].value = f[m].value;
           f[m].value = f0;
           }
           ///////////////////////////////////////////////////////////////
           
        function game(n){
          var f = document.myForm.elements;
          
          if ((n % 4 != 3) && (f[n + 1].value == ' ')) myChange(n, n + 1); //провер¤ем кнопку справа если она есть
          if ((n % 4 != 0) && (f[n - 1].value == ' ')) myChange(n, n - 1); //провер¤ем кнопку слева если она есть 
          if ((n <= 11) && (f[n + 4].value == ' ')) myChange(n, n + 4); //провер¤ем кнопку внизу
          if ((n >= 4) && (f[n - 4].value == ' ')) myChange(n, n - 4); //провер¤ем кнопку вверху 
        }
        
        
        
        
        //реализция поиска 
        
        var f = document.newForm.elements;
        var t = document.getElementById('table'); 
        var t1 = t.innerHTML;//заносим текст в глобальную переменную
        
        function search(){
            alert(t1);
            /*var text1 = '';
            var word = f[0].value;//берем введенное в поиск слово
            var text = t1;//выбираем весь текст
            var lenText = text.length;//количество символов в тексте
                
            
            do{
            var search = text.indexOf(word);//находим искаемое слово и определяем с какого символа в тексте оно начинается 
            var wordlength = word.length;//определяем количество символов в искаемом слове
            
            if(search != -1){//если такого слова нет в тексте, количество символов -1            
            var copy1 = text.substr(0, search);//копируем часть текста до начала нужно слова
            text1 += copy1 + '<span>' + word + '</span>'//находим первое искаемое слово и добавляем span
            var amount1 = search + wordlength;//количество символов вместе после искаемого слова
            text = text.substr(amount1);//пересоздаем текст, откидывая часть со словом    
            lenText = text.length//сколько еще символов осталось в тексте, что бы задать конец цикла
            }
            else lenText = 0;   
            var text2 = text;//копируем вторую часть текста, та что после слова
            }
            while(lenText > 0);
            
            text = text1 + text2;//соединяем текст
            t.innerHTML = text;//меняем текст в окне*/
            }
        
    </script>
    </article>
    <footer>
    ЂMegoMozgї Ѓ. ¬се права защищены. E-mail:MegoMozg@ua.fm
    </footer>
</body>
</html>

@Balanaar · 25.11.2016, 09:36

JavaScript
1
2
var t = document.getElementById('table'); 
var t1 = t.innerHTML;//заносим текст в глобальную переменную

Вы в переменную t1 заносите innerHTML таблицы на этапе открытия страницы. А там у вас пусто. Заполняете div#table вы только после клика по кнопке magic. Переменная t1 при этом не переопределяется и остается пустой.

@dwarfess · 25.11.2016, 11:50 **[ТС]**

Balanaar, действительно, такая элементарная ошибка. Спасибо Вам огромное

Новые блоги и статьи Все статьи Все блоги /
Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а привычная функция main(). . .	моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .	Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом	http://iceja.net/ математические сервисы iceja 20.01.2026 Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .
http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .	Расчёт переходных процессов в цепи постоянного тока igorrr37 16.01.2026 / * Дана цепь(не выше 3-го порядка) постоянного тока с элементами R, L, C, k(ключ), U, E, J. Программа находит переходные токи и напряжения на элементах схемы классическим методом(1 и 2 з-ны. . .	Восстановить юзерскрипты Greasemonkey из бэкапа браузера damix 15.01.2026 Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .	Сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/

@dwarfess 1 / 1 / 1 Регистрация: 15.10.2016 Сообщений: 46
	25.11.2016, 11:50 [ТС]
	Balanaar, действительно, такая элементарная ошибка. Спасибо Вам огромное 0

InnerHTML

Решение