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

<canvas>标签是 HTML 5 中的新标签。

定义和用法

<canvas>标签定义图形，比如图表和其他图像。

<canvas>标签只是图形容器，您必须使用脚本来绘制图形。

实例

通过 canvas 元素来显示一个红色的矩形：

<!DOCTYPE HTML>

<html>

<head>

var canvas=document.getElementById('myCanvas')

var ctx=canvas.getContext('24d')

ctx.fillStyle='#FF0000'

ctx.fillRect(0,0,80,100)

</script>

</head>

<body>

<canvas id="myCanvas">your browser does not support the canvas tag </canvas>

</body>

</html>

html5新增标签如下：

1、结构性标记结构性标记主要用来对页面结构进行划分，就像在设计网页时将页面分为导航、内容部分、页脚等，确保HTML文档的完整性。

2、多媒体标记多媒体标记主要解决了以往通过Flash等进行视频的一些展示，新增的标记使HTML功能变得更加强大了。

3、表单标记表单标记主要用于功能性的内容表达，会有一定的内容和数据的关联。

html5的意义及应用。

在HTML页面中，带有“<>”符号的元素被称为HTML标签，如上面提到的 <HTML>、<head>、<body>都是HTML标签。所谓标签就是放在“<>” 标签符中表示某个功能的编码命令，称为HTML标签。

该语法中“<标签名>”表示该标签的作用开始，一般称为“开始标签（start tag）”，“</标签名>” 表示该标签的作用结束，一般称为“结束标签（end tag）”。和开始标签相比，结束标签只是在前面加了一个关闭符“/”。

欢迎分享，转载请注明来源：内存溢出

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