怎么用JS给HTML标签添加内容

1、首先打开hbuilder软件新建一个html文件，在html页面上创建一个点击的button按钮：

2、然后为button添加点击时创建一个新的div事件。使用“document.createElement()”创建一个新的div，接着使用innerHTML对新建的div设置内容，最后把div放到body显示：

3、在html里为button按钮添加宇哥点击创建div的事件，完成之后代码就写好了，接下来需要看看效果：

4、保存好html文件后使用浏览器打开，此时还没有创建div：

5、最后点击button按钮，会执行脚本创建div的事件，新的div就创建好了，顺利实现了给HTML标签添加了内容。以上就是用JS给HTML标签添加内容的 *** 作：

添加在定义属性即可。

比如

<div id="newTest" myAttr="getAttr"></div>

这里的“myAttr”就是这个标签的自定义属性了。

document.getElementById("newTest").myAttr 获取就可以了

开始学html了。对标签的全称进行整理：

<td>是table data cell 的缩写，单元格

<tr>是table row 的缩写，表格中的一行

<th>是table header cell 的缩写，表头单元格

ul是无序列表，全称是unordered list，先来个例子：

●张三

●李四

●王二

●刘五

ol是有序列表 ,全称是ordered list，同样举个例子：

1、张三

2、李四

3、王二

4、刘五

这就是ul与ol的区别。

ul与ol前的符号是可以修改的。只需要修改它们的type值。

ul的type属性有：disc—实心圆(默认）、circle—空心圆、square—实心方块

ol的type属性有：1—数字（默认）、a—小写字母、A—大写字母、i—小写希腊字母、I—大写希腊字母。

通过CSS也可以在将它们前的符号改为图片，这样列表显示就会更美观了。

ul 是块级元素可以定义宽和高 ,li表示行排列不能单独使用，需要在ul和ol里面，配合使用。

---