js点击添加一个div内容，js添加一个按钮

点击按钮显示div内容在点击按钮显示另一个div内容用JS怎么写?

一个界面上有一个按钮btn1，点击按钮弹出一个水平垂直居中的div层1，弹出的div层1 上又有一个按钮btn2，点击btn2时候同样弹出一个水平垂直居中div层2，第一个div层关闭。

你有用jQuery吗。如果是可以用delegate代理点击事件。如果没有，自己写一个，其实就是点击事件的冒泡。

在event函数中，定义一个内容为degreediv字符的字符串变量。然后使用jquery的append将已知的div字符串添加到c2div，如下所示。运行页面，现在只看到一个div，如下图所示。

我们先引入jquery的脚本文件。在html里，我们在一个div里有内容「百度」。后面添加一个按钮，有一个changeText的事件函数。在changeText方法里，我们先使用jquery通过id获得对应的div。

为button按钮添加一个点击后隐藏事件。点击button按钮后，把隐藏的div的display修改为block，这样点击后div就会显示了。保存好html后使用浏览器打开，点击button按钮就会发现隐藏的div就会显示出来了。

让隐藏在div内的文本框处于焦点，点击其他地方时，文本框的焦点自然会消失，blur事件把当前div隐藏。

相关问答

Q1: 怎么用js添加一个div

利用js代码首先创建一个div，document.createElement(div)；确认div添加位置，可以在某个dom元素后面，或者通过css属性控制具体位置，主要通过left/top等属性控制。确定位置之后，显示div即可。

页面复制有一个id为c2的div，下面有一个子div，下面有一个按钮，事件是用来点击100个adddiv。在event函数中，定义一个内容为degreediv字符的字符串变量。

使用JS的document.getElementById(ID).innerHTML获取标签内容。修改的只需在后面加上=即可。实例演示如下：HTML的DOM设计。设计两个DIV，其中第一个div放入入一些文字。

添加div，用javascript自带的createElement创建一个div就可以了；script var oDiv = document.createElement(div)； oDiv.innerHTML = 添加的div； document.body.appendChild(oDiv)；/sciprt这样就可以了。

用JS给div添加样式是通过js操作css来实现的。

Q2: 用JS怎么控制添加或删除DIV?

新建HTML文件。引入jquery.min.js文件。创建div和按钮并添加class样式。接下来需要创建css样式。创建js点击事件。当点击按钮移除div元素。点击按钮效果如图所示。

).append(div id=id + a +hello/div)；浏览器运行index.html页面，此时动态添加div成功。再输入js代码：$(#id + a).remove()；。再运行html，此时发现动态添加的div被成功删除了。

你给DIV加上ID，再用JS：document.getElementById(ID).style.display = none；就OK了。

这边修改了代码，请保存为.html文件后测试。

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

dhtml提供了两个方法来进行添加，insertAdjacentHTML和insertAdjacentText insertAdjacentHTML方法：在指定的地方插入html标签语句。

sName：用来设置HTML标记的类型和基本属性。二 应用动态添加一个文本框本示例通过单击“动态添加文本”按钮，将在页面中动态添加一个文本框。

获取父节点元素varbody=document.getElementsByTagName(body)[0]。然后动态创建a标签vara=document.createElement(a)。把创建好的a标签追加到body下面body.appendChild(a)。

用JS给HTML标签添加内容，首先我们需要做的就是获取到要添加的元素，一般是通过给这个元素一个id，然后在通过document来获取，然后在使用innerHTML添加这个元素的内容就行可以了。

Q4: 用js插入页面的div标签中的内容

使用JS的document.getElementById(ID).innerHTML获取标签内容。修改的只需在后面加上=即可。实例演示如下：HTML的DOM设计。设计两个DIV，其中第一个div放入入一些文字。

获取父节点元素varbody=document.getElementsByTagName(body)[0]。然后动态创建a标签vara=document.createElement(a)。把创建好的a标签追加到body下面body.appendChild(a)。

当div用id属性标识时，可以直接用document.getElementById()获取；当div是用其他属性(如name，class)标识，就需要使用document.getElementsByTagName()获取对象，然后循环判断属性进行筛选。

Div 全称 division 意为“区分”，是HTML中的一个标签。你在HTML中可以理解为就是一个层。DIV本身就是容器性质的，你不但可以内嵌table还可以内嵌文本和其它的HTML代码 。

关于js点击添加一个div内容和js添加一个按钮的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。