Создание нового элемента и добавление его в родителя нажатием на кнопку

@Karenst · Регистрация: 19.03.2018

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

Здравствуйте, прошу помощи! При нажатии на кнопку, функция addElement должна добавить новый созданный элемент newDiv в родительский элемент CenterDiv. Но при обработке события в консоле ошибка ( Uncaught TypeError: CenterDiv.appenChild is not a function) .

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
<html>
<head>
    <meta charset="utf-8">
    <title> first page in 2018</title>
    <style type="text/css">
    
        #left {
        position: absolute;
        top: 0px;
        left: 0px;
    }
        #center {
            background-color: #ffffff;
            width: 60%;
            position: absolute;
            top:0px;
            left:267px;
           }
        #right {
            position: absolute;
            top:0px;
            right:0px;
        }
         #content {
            position: relative;
            height: 600px;
             }
        #footer{
        position: absolute;
        top:958px;
        width: 1333px;
        
       }
        #header,#footer {
            background-color: #4b77a8;
            height: 50px;
        }
        #left,#right {
            background-color: #edeef0;
            width: 20%;
 
        }
        
        #left,#right,#center {
             min-height: 900px;
             height: auto;
             }
 
       .newclass {
        width: 40px;
        height: 20px;
        border-radius: 3px;
        background-color: silver;
        border: 2px solid black;
       }
    
    </style>
 
    <script type="text/javascript">
window.onload = unit;
        function unit() {
 
        function addElement() {
      
      CenterDiv.appenChild(newDiv);
      
        }
 
        var myPageButton = document.getElementById("MyPageButton");
        myPageButton.onclick = addElement; 
        var CenterDiv = document.getElementById("center");
       var newDiv =  document.createElement('new');
     newDiv.className = "newClass";
     newDiv.innerHTML = "Hello my friends";
      
 
  }
    </script>
    </head>
    <body>
        <div id="header"></div>
        <div id="content">
            <div id="left">
 
            </br>
                <button id="MyPageButton">My page</button> </br></br>
                <button>My friends</button> </br></br>
                <button>My music</button> </br></br>
                <button>My video</button> </br></br>
                <button>My messages</button> </br></br>
                <button>Options</button> </br></br>
                <button>Exit</button> </br></br>
                
 
 
                
            </div>
            <div id="center">
                <p id ="test">This place for content</p></div>
            <div id="right"><p>This is for something</p></div>
        </div>
        <div id="footer"></div>
 
 
 
    </body>
</html>

@Mr_Sergo · 19.03.2018, 13:20

Сообщение от Karenst

CenterDiv.appenChild(newDiv);

CenterDiv.appendChild(newDiv)
Не??

@Karenst · 19.03.2018, 13:33 **[ТС]**

Ух ты, вижу! вот глупость то...спасибо

Новые блоги и статьи Все статьи Все блоги /
[Owen Logic] Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ФедосеевПавел 14.03.2026 Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ВВЕДЕНИЕ Выполняя задание на управление насосной группой заполнения резервуара,. . .	делаю науч статью по влиянию грибов на сукцессию anaschu 13.03.2026 прикрепляю статью	SDL3 для Desktop (MinGW): Создаём пустое окно с нуля для 2D-графики на SDL3, Си и C++ 8Observer8 10.03.2026 Содержание блога Финальные проекты на Си и на C++: hello-sdl3-c. zip hello-sdl3-cpp. zip Результат:	Установка CMake и MinGW 13.1 для сборки С и C++ приложений из консоли и из Qt Creator в EXE 8Observer8 10.03.2026 Содержание блога MinGW - это коллекция инструментов для сборки приложений в EXE. CMake - это система сборки приложений. Здесь описаны базовые шаги для старта программирования с помощью CMake и. . .
Как дизайн сайта влияет на конверсию: 7 решений, которые реально повышают заявки Neotwalker 08.03.2026 Многие до сих пор воспринимают дизайн сайта как “красивую оболочку”. На практике всё иначе: дизайн напрямую влияет на то, оставит человек заявку или уйдёт через несколько секунд. Даже если у вас. . .	Модульная разработка через nuget packages DevAlt 07.03.2026 Сложившийся в . Net-среде способ разработки чаще всего предполагает монорепозиторий в котором находятся все исходники. При создании нового решения, мы просто добавляем нужные проекты и имеем. . .	Модульный подход на примере F# DevAlt 06.03.2026 В блоге дяди Боба наткнулся на такое определение: В этой книге («Подход, основанный на вариантах использования») Ивар утверждает, что архитектура программного обеспечения — это структуры,. . .	Управление камерой с помощью скрипта OrbitControls.js на Three.js: Вращение, зум и панорамирование 8Observer8 05.03.2026 Содержание блога Финальная демка в браузере работает на Desktop и мобильных браузерах. Итоговый код: orbit-controls-threejs-js. zip. Сканируйте QR-код на мобильном. Вращайте камеру одним пальцем,. . .

@Karenst 0 / 0 / 0 Регистрация: 19.03.2018 Сообщений: 6
	19.03.2018, 13:33 [ТС]
	Ух ты, вижу! вот глупость то...спасибо 0

Создание нового элемента и добавление его в родителя нажатием на кнопку

Решение