网站首页 美食营养 游戏数码 手工爱好 生活家居 健康养生 运动户外 职场理财 情感交际 母婴教育 时尚美容

如何使用JavaScript方法向DOM元素内添加内容

时间:2024-10-11 18:42:24

1、第一步,打开HBuilder编辑工具,新建静态页面并在body标签内插入一个input按钮和label标签,如下图所示:

如何使用JavaScript方法向DOM元素内添加内容

2、第二步,在<title></title>标签下方添加一个编写JavaScript代码的标签,添加window.onload函数,如下图所示:

如何使用JavaScript方法向DOM元素内添加内容

4、第四步,保存代码并在浏览器中预览页面显示的效果,可以看到一个按钮,如下图所示:

如何使用JavaScript方法向DOM元素内添加内容

6、第六步,在浏览器查看元素位置处,点击HTML结构,可以看到显示结构和内容,如下图所示:

如何使用JavaScript方法向DOM元素内添加内容
© 光影知识库