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

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

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

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

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

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

3、第三步,在window.onload函数内,定义一个获取元素ID的函数,然后利用这个函数绑定按钮点击事件,如下图所示:

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

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

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

5、第五步,点击查询按钮,发现按钮下方出现了您好两个字,说明innerText内容添加成功,如下图所示:

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

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

如何使用JavaScript方法向DOM元素内添加内容
  • cmd进入不了指定目录
  • navicat链接mysql一直报错起不来处理方式
  • SQL Server如何附加其他数据库文件
  • heidisql怎么显示中文界面
  • tomcat 8080端口被占用怎么办
  • 热门搜索
    得意忘形的近义词 蜂蜜怎么辨别真假 荷兰性博物馆 无能为力的近义词是什么 猕猴桃怎么吃才正确 微博认证怎么弄 皮肤晒伤怎么办 以后的近义词 怎么制作软件 螺旋烫发型图片