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, действительно, такая элементарная ошибка. Спасибо Вам огромное

Новые блоги и статьи Все статьи Все блоги /
Вывод данных через динамический список в справочнике Maks 01.04.2026 Реализация из решения ниже выполнена на примере нетипового справочника "Спецтехника" разработанного в конфигурации КА2. Задача: вывести данные из ТЧ нетипового документа. . .	Функция заполнения текстового поля в реквизите формы документа Maks 01.04.2026 Алгоритм из решения ниже реализован на нетиповом документе "ВыдачаОборудованияНаСпецтехнику" разработанного в конфигурации КА2, в дополнении к предыдущему решению. На форме документа создается. . .	К слову об оптимизации kumehtar 01.04.2026 Вспоминаю начало 2000-х, университет, когда я писал на Delphi. Тогда среди программистов на форумах активно обсуждали аккуратную работу с памятью: нужно было следить за переменными, вовремя. . .	Идея фильтра интернета (сервер = слой+фильтр). Hrethgir 31.03.2026 Суть идеи заключается в том, чтобы запустить свой сервер, о чём я если честно мечтал давно и давно приобрёл книгу как это сделать. Но не было причин его запускать. Очумелые учёные напечатали на. . .
Модель здравосоХранения 6. ESG-повестка и устойчивое развитие; углублённый анализ кадрового бренда anaschu 31.03.2026 В прикрепленном документе раздумья о том, как можно поменять модель в будущем	10 пpимет, которые всегда сбываются Maks 31.03.2026 1. Чтобы, наконец, пришла маршрутка, надо закурить. Если сигарета последняя, маршрутка придет еще до второй затяжки даже вопреки расписанию. 2. Нaдоели зима и снег? Не надо переезжать. Достаточно. . .	Перемещение выделенных строк ТЧ из одного документа в другой Maks 31.03.2026 Реализация из решения ниже выполнена на примере нетипового документа "ВыдачаОборудованияНаСпецтехнику" с единственной табличной частью "ОборудованиеИКомплектующие" разработанного в конфигурации КА2. . . .	Functional First Web Framework Suave DevAlt 30.03.2026 Sauve. IO Апнулись до NET10. Из зависимостей один пакет, работает одинаково хорошо как в режиме проекта так и в интерактивном режиме. из сложностей - чисто функциональный подход. Решил. . .

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

InnerHTML

Решение