Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在不使用ID元素的情况下将子元素附加到父元素?_Javascript_Html - Fatal编程技术网

Javascript 如何在不使用ID元素的情况下将子元素附加到父元素?

Javascript 如何在不使用ID元素的情况下将子元素附加到父元素?,javascript,html,Javascript,Html,我使用一个ID向divTwo添加了一个新元素。我想知道如何在divOne和divTwo中添加p标记,而不引用它们的标识符。请帮忙 //创建标记 const createElement=(elementName)=>document.createElement(elementName); 常量appendTo=(ideElement,element)=>document.getElementById(ideElement.append(element)); const setAttribute=

我使用一个ID向divTwo添加了一个新元素。我想知道如何在divOne和divTwo中添加p标记,而不引用它们的标识符。请帮忙

//创建标记
const createElement=(elementName)=>document.createElement(elementName);
常量appendTo=(ideElement,element)=>document.getElementById(ideElement.append(element));
const setAttribute=(eleName,attribute,valueAttribute)=>eleName.setAttribute(attribute,valueAttribute);
const setText=(id,text)=>document.getElementById(id).innerHTML=text;
//标记HTML
//第一组
const divOne=createElement(“div”);
const appendDivOne=appendTo(“demo”,divOne)
const setIDOne=setAttribute(divOne,“id”,“divOne”);
//第二组
const divTwo=createElement(“div”);
const appendDivTwo=appendTo(“demo”,divTwo)
const setIDTwo=setAttribute(divTwo,“id”,“divTwo”);
//儿童组二
const divTwoChild=createElement(“p”);
const appendDivTwoChild=appendTo(“divTwo”,divTwoChild);
const setIDChildeTwo=setAttribute(divTwoChild,“id”,“ChildeTwo”);
const text=setText(“ChildeTwo”、“childe two”)

似乎您正在尝试附加到div1,根据您的代码,它将是中的第一个元素。如果要附加P标记,可以执行以下操作:

const divOneChild = createElement("p")
const appendP = appendTo(document.getElementById("demo").firstChild, divOneChild)

您可以在创建后直接访问元素。。。例如,使用
const divTwoChild=createElement(“p”)
,您可以使用
divTwoChild.append()
。。。还有一个名为
insertAdjacentHTML()
的函数,您可以在该函数中直接在给定位置添加html代码,请参阅。以下示例(最后3行):

//创建标记
const createElement=(elementName)=>document.createElement(elementName);
常量appendTo=(ideElement,element)=>document.getElementById(ideElement.append(element));
const setAttribute=(eleName,attribute,valueAttribute)=>eleName.setAttribute(attribute,valueAttribute);
const setText=(id,text)=>document.getElementById(id).innerHTML=text;
//标记HTML
//第一组
const divOne=createElement(“div”);
const appendDivOne=appendTo(“demo”,divOne)
const setIDOne=setAttribute(divOne,“id”,“divOne”);
//第二组
const divTwo=createElement(“div”);
const appendDivTwo=appendTo(“demo”,divTwo)
const setIDTwo=setAttribute(divTwo,“id”,“divTwo”);
//儿童组二
const divTwoChild=createElement(“p”);
const appendDivTwoChild=appendTo(“divTwo”,divTwoChild);
const setIDChildeTwo=setAttribute(divTwoChild,“id”,“ChildeTwo”);
divTwoChild.append(“childe2”)//