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

如何根据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>

使用CSS实现鼠标点击元素后向该元素添加样式,首先需要理解这个点击事件,通过单独的css或者是html是无法实现的,一般都需要结合Js来做,需要获取到这个元素,然后在通过js来改变元素的样式,在html中需要添加一个点击事件,也就是onclick,然后就是可以来实现,具体看下代码:

<html>

<head>

<style>

#round{

width:300px

height:200px

}

</style>

</head>

<script>

function iLeft(){

var oDiv = document.getElementById('round')

oDiv.style.left = 400+'px' //通过js改变这个div的left值

}

</script>

<body>

<div id='round'>

<p><a href='' onclick="iLeft()" >我是测试文字</a></p>

</div>

</body>

</html>


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/bake/11965426.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-20
下一篇 2023-05-20

发表评论

登录后才能评论

评论列表(0条)

保存