怎么用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标签添加内容的 *** 作：

1、首先，找到我们需要修改的js文件。

2、js文件直接可以用记事本打开，但是，使用记事本打开格式非常乱，不方便我们查看和修改。

3、这里，我们使用Intellij IDEA打开js文件。如图，格式很规范，内容我们可以一目了然。

4、然后，我们通过快捷键【Ctrl】+【F】快速定位到我们需要修改的位置。

5、回到html文件，在按钮输入框后面创建一个script标签，然后添加用来引入addJs.js文件的addJs事件。

6、保存html文件后使用浏览器打开，点击按钮即可看到出现一个d出。

js可以向网页中写入html内容，方法是调用write方法向document的节点中写入html元素

以下展示两个实例

1.在网页上写入一个标题为hello的元素

效果如图：

2.在网页上写入一个九九乘法表

在js中可以使用上面的 <h1>hello </h1>这样的开始标签和闭合标签在一起的标签写法，也可以将开始标签和闭合标签分开来写，例如本例。

本例的逻辑是用table标签建立一个表，然后用for循环分别计算九九乘法的结果，在写入结果的前后用tr标签形成一行，计算结果的时候用td标签形成一列

效果图：

通过chrome浏览器右键检查，可以看到的确写入了一个九九乘法表的table到网页中

注意：

在进行字符串拼接的时候如果没有处理好，会出现 SyntaxError: missing ) after argument list 的错误，需要谨慎对待，具体问题具体对待，解决方法可以参考下面的资料或者自行google

1. SyntaxError: missing ) after argument list

2. js中出现missing ) after argument list

3. JavaScript: SyntaxError: missing ) after argument list [closed]

---