文章目录
每天学习一小时前端
申请新的HTML元素
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>申请新的元素</title>
</head>
<body>
<script>document.createElement("dgh")</script>
<style>
dgh{
width: 12;
height: 100;
font-size: 30;
background-color: aqua;
}
</style>
<dgh>dghtql</dgh>
</body>
</html>
JavaScript语句document.createElement("dgh")
正是在创建新的名为dgh的元素
HTML的canvas新特性
canvas本身没有丰富的画图能力,但是它可以为JavaScript这位画师提供一块画布
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<canvas id="myCanvas" width="100" height="50"
style="border: 2px dotted;"
></canvas>
<script>
var c = document.getElementById("myCanvas");
var vtx = c.getContext("2d");
vtx.moveTo(0,0);
vtx.lineTo(100,50);
vtx.stroke();
</script>
</body>
</html>
效果: