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

HTML <meta>标签

定义和用法

<meta>元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。

<meta>标签位于文档的头部，不包含任何内容。<meta>标签的属性定义了与文档相关联的名称/值对。

HTML 与 XHTML 之间的差异

在 HTML 中，<meta>标签没有结束标签。

在 XHTML 中，<meta>标签必须被正确地关闭。

提示和注释：

注释：<meta>标签永远位于 head 元素内部。

注释：元数据总是以名称/值的形式被成对传递的。

必需的属性

DTD 指示此属性允许在哪种 DTD 中使用。S=Strict, T=Transitional, F=Frameset.

属性 值 描述 DTD

content some_text 定义与 http-equiv 或 name 属性相关的元信息 STF

可选的属性

DTD 指示此属性允许在哪种 DTD 中使用。S=Strict, T=Transitional, F=Frameset.

在设置宽度之前，必须要先确认标签是块级元素。

块级元素：block

element

每个块级元素默认占一行高度，一行内添加一个块级元素后无法一般无法添加其他元素（float浮动后除外）。两个块级元素连续编辑时，会在页面自动换行显示。块级元素一般可嵌套块级元素或行内元素；

块级元素一般作为容器出现，用来组织结构，但并不全是如此。有些块级元素，如<form>只能包含块级元素。其他的块级元素则可以包含

行级元素如<p>.也有一些则既可以包含块级，也可以包含行级元素。

div

是最常用的块级元素，元素样式的display:block都是块级元素。它们总是以一个块的形式表现出来，并且跟同级的兄弟块依次竖直排列，左右撑满。

举个例子，div是块级元素，而a不是块级元素。div能设置宽度（width:10px）a不能设置宽度（width:10px无效）。如果要将a转变成块级元素的话仅需要设置css属性display（display:block）就可以设置a标签的高height和宽width了。

然后设置标签的宽度：

document.getelementbyid("标签的id属性").style.width

=

100

+

"px"

如果不加最后的px的话，有可能ie会设置无效。

终上，如问题解决请采纳，如未解决，请追问。谢谢

---