怎么用js代码复制父标签底下子标签以及样式,再将子标签加入到父标签中

怎么用js代码复制父标签底下子标签以及样式,再将子标签加入到父标签中,第1张

示例如下:

<div id="parent">

标签

<div id="children">

子标签

</div>

</div>$('#children')click(function(){

$(this)parent()css('color','red');

});上面代码会在点击子标签后将父标签的文字变为红色(由于color的继承性,子标签的颜色也会改变)

解释:

click可以为元素绑定click事件,点击时会调用此函数

parent方法可以获取当前元素的父级元素

css方法可以设置指定元素的样式,设置的样式会添加的元素的style属性中

<script type="text/javascript" src="/scripts/jquery-172minjs"></script>

<script >

$("li")click(function(){

alert($(this)text())

})

</script>

var scsc= docuemntgetElementsByClassName('sfzsc')getElementsByTagName("label")getElementById("sc");

或者写成:

var scsc= portraitgetElementsByTagName("label")getElementById("sc");

CSS都是写样式的,不涉及动态 *** 作,所以没有寻找父元素的技能,如果你想给某个元素的父元素设样式,直接给它加class或id就好了。

js是有可能涉及到运行过程中有dom的动态 *** 作的,所以有这个技能,就是xxparentNode, 就能直接拿到xx的父元素了。

这个太简单了吧,先设置父元素,overflow:hidden;

收起的时候,height:0;

点开的时候 height:auto;

另外最好不要用绝对定位,这样会让布局更麻烦

哦,补充一下,如果还有爷爷级的话同样要给设置overflow:hidden;

应为这样才能形成BFC(块级格式化上下文)

不然的话会撑不开

以上就是关于怎么用js代码复制父标签底下子标签以及样式,再将子标签加入到父标签中全部的内容,包括:怎么用js代码复制父标签底下子标签以及样式,再将子标签加入到父标签中、js onclick函数怎么获取父级元素eq值、原声js怎么获取父级下的子元素中的img等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址: http://outofmemory.cn/web/9529863.html

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

发表评论

登录后才能评论

评论列表(0条)

保存