javascript中元素的创建方式代码实现
程序员文章站
2023-11-08 23:53:10
1.代码
1.代码
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>title</title>
<style>
p{
width: 300px;
height: 200px;
border:2px solid pink;
}
</style>
</head>
<body>
<input type="button" value="创建一个p" id="btn" />
<p id="dv"></p>
<script>
//点击按钮在p中创建一个p标签
//第二种方式创建元素：对象.innerhtml="标签代码及内容";
document.getelementbyid("btn").onclick = function(){
document.getelementbyid("dv").innerhtml="<p>何当共剪西窗烛，却话巴山夜雨时</p>";
};
</script>
</body>
</html> 上一篇： 来自商业摄影师的摄影小技巧图文讲解教程