如何根据div的css名称在div后插入一个div

html-css015

如何根据div的css名称在div后插入一个div,第1张

用jQuery在元素的后面分两种,一种是在div紧挨着的后面添加一个div,例如

$(".classname").parent().append("<div></div>")这种实现的结果是

<div>

<div class="classname">

</div>

<div>

    <div>

</div>

第二种是在div里面的最后位置加上一个div,例如 $(".classname").append("<div></div")这种实现的结果是

<div class="classname">

<p>这是在类名为classname的div中原存在的元素</p>

<div></div>

</div>

1.我们首先创建一个新的测试项目,然后创建一个新的index.html、basic.js和basic.css文件。

2.js修改文件中的样式中值div以修改div高度。文件中的文件代码如图所示。

3.我们看到3运行后两个div的高度是一样的..然后我们用js修改高度。

4.我们点击js中的代码,使用属性对应的样式属性获取div1id,然后设置高度如图所示。

5.使用js修改CSS文件中的div的height的值HTML文件中的代码。

6.我们得到js文件中的div1id属性,并使用obj.style.cssTest修改嵌入的css。

7.运行项目后,两个结果是相同的div高度改变。

<img src="C:\Documents and Settings\Administrator\My Documents\My Pictures\nike.jpg" />