如何使用JavaScript创建带有属性和事件的HTML元素

How do I create an HTML element with attributes and events using JavaScript?

本文关键字:事件 HTML 元素 属性 何使用 JavaScript 创建      更新时间:2023-09-26

我正在研究一个关于发现JavaScript的学校项目,我被元素创建所困,所以我想知道我需要如何实现这个

创建元素:

var element = document.createElement('table');
添加属性:

element.setAttribute( "id", "table1" );

有两种创建元素和设置属性的方法。
创建元素
创建元素的第一种方法:

let nameOfElement = document.createElement("tabel")

创建元素的第二种方法:

let elementName = `<tabel></tabel>`

现在设置属性
设置属性的第一种方法:

nameOfElement.setAttribute("id", "the-value")
设置属性的第二种方法:

let creatingElement = `<tabel id="value"></tabel>`