Javascript 如何在不使用ID元素的情况下将子元素附加到父元素?
我使用一个ID向divTwo添加了一个新元素。我想知道如何在divOne和divTwo中添加p标记,而不引用它们的标识符。请帮忙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=
//创建标记
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”)//