当前位置： 移动技术网 > IT编程>开发语言>JavaScript > javascript中元素的创建方式代码实现

javascript中元素的创建方式代码实现

2018年10月10日  | 移动技术网IT编程  | 我要评论

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>

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网