如何在JavaScript中创建元素节点?


在JavaScript中,可以使用document.createElement()方法创建元素节点。该方法接受一个参数,即要创建的元素的标签名称。例如,要创建一个<div>元素,可以使用以下代码:

const divElement = document.createElement('div');

此时,divElement变量将包含一个新创建的<div>元素节点。可以使用其他DOM方法将其添加到文档中,例如appendChild()insertBefore()。例如,要将新创建的<div>元素添加到文档的<body>元素中,可以使用以下代码:

document.body.appendChild(divElement);

这将在文档的末尾添加新的<div>元素。如果要将其添加到<body>元素的开头,可以使用insertBefore()方法。例如:

document.body.insertBefore(divElement, document.body.firstChild);

这将在<body>元素的开头添加新的<div>元素。



About the author

William Pham is the Admin and primary author of Howto-Code.com. With over 10 years of experience in programming. William Pham is fluent in several programming languages, including Python, PHP, JavaScript, Java, C++.