Я хочу создать динамический Родительский дочерний div с помощью javascript/jquery, у меня есть div, который создан в HTML.
<div id="chatContainer">
<div id="chatHeader" onclick="myfunction();">
<img src="https://img/chaticon.png" style="vertical-align:middle;"/> Chat with us
</div>
<div id="chatBody">
<div id="Openhours">
<iframe id="chatframe" src="https://www.chatmepage/Saleschat/">
</iframe>
</div>
<div id="Closedhours">
Sales hours are closed please <a target="_parent" href="https://www.xyz.com/contact"> Contact </a> our Agents
</div>
</div>
</div>
Что я уже пробовал:
onclick кнопки я добавляю div, но мне нужно создать div onload страницы.
<!DOCTYPE html>
#chtping
{
вертикальное выравнивание:среднее;
}
#myform в
{
положение: фиксированное;
цвет фона: #fff;
дно: 0;
справа: calc(50% - 200px);
цвет: #fff;
z-индекс: 10;
размер шрифта: 18px;
переполнения:скрытые;
шрифт-вес: жирный;
цвет фона: #00a9e0;
радиус границы: 5px;
граница-радиус: 5px 5px 0px 0px;
}
#chatbody
{
цвет: rgb(0, 0, 0);
шрифт-вес: нормальный;
размер шрифта: 13px;
высота: 455px;
обивка: значение 10px;
границы правой ширина: 1 пиксель;
границы право-стиль: твердые;
border-right-color: rgb(204, 204, 204);
границы слева-ширина: 1 пиксель;
border-left-style: solid;
граница-слева-цвет: rgb(204, 204, 204);
дисплей:нет;
цвет фона: белый;
}
#myframe
{
ширина:100%;
высота:100%;
Положение: фиксированное;
поле слева:5px;
граница: 0;
}
Нажмите кнопку, чтобы создать форму и элемент ввода.
Попробовать это
функция myFunction() {
var x = document.createElement ("div");
x. setAttribute ("id", " myForm");
документ.тела.метода appendChild(х);
var y = document.createElement ("div");
y. setAttribute ("id", " chatheader");
y. innerHTML= "< img id= 'chtping' src='https://img/chaticon.png' / & gt;общайтесь с нами";
ВАР chtbdy=документ.метод createElement("div с");
chtbdy. setAttribute ("id", " chatbody");
document.getElementById ("myForm"). appendChild(y, chtbdy);
ВАР openhrs=документ.метод createElement("div с");
openhrs. setAttribute ("id", " Openhours");
openhrs.innerHTML будет ("в<iframe в код='myframe' в src='https://www.chatmepage/Saleschat/'&ГТ;&ЛТ;/iframe и GT и GT;");
ВАР closehrs=документ.метод createElement("div с");
closehrs. setAttribute ("id", " Closehours");
closehrs.innerHTML будет=("часов продажи будут закрыты, пожалуйста, &ЛТ;цель='_parent' с href='https://www.xyz.com/contact в'> контакты &ЛТ;/а&ГТ; наш агент");
document.getElementById ("chatbody"). appendChild(openhrs, closehrs);
}< / pre>