如何使用JavaScript创建带有属性和事件的HTML元素
How do I create an HTML element with attributes and events using JavaScript?
我正在研究一个关于发现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>`
相关文章:
- 如何使Javascript动态html表及其上的事件
- 如何使用jquery迭代具有相同属性的html元素并查找onclick事件
- 如何在HTML列表中添加事件's子弹
- Html按钮点击事件未触发单选按钮
- 如何在tinymce编辑器中将点击事件绑定到html标签
- RouteChangeStart事件在初始index.html页面加载时触发
- 侦听HTML呈现过程事件
- 枚举附加到文档的HTML对象的所有事件
- 当select标记触发onChange事件时,从mysql数据库加载html表
- 我需要java代码来打开html代码onclick事件
- 重叠对象上的HTML画布事件
- 如何将事件绑定到从AJAX请求注入的HTML
- AngularJS$apply有时不会;当在highchart中使用click事件时,t触发更新{{}}中html标记中
- HTML输入框未触发事件
- Google图表HTML工具提示,其中包含javascript onclick事件
- javascript在附加的html中点击事件订阅
- 如何在没有POST/GET/FORM的情况下在onclick事件HTML中设置PHP会话
- 从按钮触发onchange事件html输入文件
- 处理多个滑动事件HTML &Javascript / jQuery
- 可以在Javascript的onclick事件(HTML)中使用正则表达式