怎样在div中添加文字

在div中添加文字的方法如下：

1、首先要打开Dreamweaver，新建一个html文件并把无标题文档改为第一个网页。

2、然后把div复制一行，放到第一行的下面，单击拆分将会出现两个对话框，此时可自行添加文字。

3、最后单击文件保存之后就可以用网页预览，按f12即可进行网页添加文字预览效果。

可以先给div标签设置id，然后给这个id绑定点击事件。

1、新建html文档，在body标签中添加一个div标签，为div标签设置一个id，这里以“demo”为例：

2、在head标签中引入jquery的js文件，这时可以使用cdn链接：

3、添加script标签，在script标签中绑定“demo”，然后使用click函数为div标签绑定点击事件：

利用jq的append()追加函数即可实现，如：

html：

<div class="main">

    <input type="button" value="添加" class="btn" />

</div>

JQ：

$(document).ready(function(){

    $(".btn").click(function(){

        var html = '<div style="width:200px height:30px border:1px dashed red margin-bottom:20px"></div>'

        $(".main").append(html)

    })

})

---