js是没有这个函数的,js只有.parentNode获取上一级的父元素。如果想用js获取指定标签的祖先元素,不想使用jq。下面是封装的函数,初学者自己写的,实测有效。
一、JS获取节点的兄弟,父级,子级元素的方法原生jsvar s= document.getElementById(“test”);
del_ff(s); //清理空格
var chils= s.childNodes; //得到s的全部子节点
var par=s.parentNode; //得到s的父节点
var ns=s.nextSbiling; //获得s的下一个兄弟节点
var ps
【转:https://blog..net/sinat_27088253/article/details/52954688】 问题如下 一段很简单的代码: css如下: <style type="text/css"> *{ margin: 0px; padding: 0px; } .show{
转载
2022-02-17 17:49:13
65阅读
问题描述今天在修改页面样式的时候,遇到子元素设置margin-top 但是并没有使得子元素与父元素之间产生间隔,而是作用在了其父元素上,导致父元素产生了一个margin-top 的效果。今天就来说说整个问题产生的原因,以及解决方案。问题分析在MDN上面有这么一段文字:块的上外边距(margin-top)和下外边距(margin-bottom)有时合并(折叠)为单个边距,其大小为单个边距的最大值,这
转载
2021-01-27 19:17:44
149阅读
2评论
问题描述今天在修改页面样式的时候,遇到子元素设置margin-top 但是并没有使得子元素与父元素之间产生间隔,而是作用在了其父元素上,导致父元素产生了一个margin-top 的效果。今天就来说说整个问题产生的原因,以及解决方案。问题分析在MDN上面有这么一段文字:块的上外边距(margin-top)和下外边距(margin-bottom)有时合并(折叠)为单个边距,其大小为单个边距的最大值,这
转载
2021-02-08 18:46:50
494阅读
2评论
js一个非常重要的作用就是对dom进行操作,所谓的dom,可以理解为html代码里的一个个节点。比如,body标签元素就是一个dom。本文对js的dom操作进行一些总结。按照惯例,先上一个刚写好的小例子,代码在最后给出: 现在,来看看js对dom的一些操作吧。首先,给出一个html模板,接下来开始用js来做一些有趣的事情吧,css样式的绘制就不细说了,先上代码:css*{margin:
标题:如何使用原生js操作子父节点相关概念在html中所有的节点都有一个层级,这个层级所表现出来的关系,我们就称为子父级关系,举个很简单的例子<div>
<p>
<input type="button" value="切换背景" />
</p>
<span>小雅小二郎!</sp
js获取父节点的方式:
1、parentNode获取父节点
获取的是当前元素的直接父元素。parentNode是w3c的标准。
序 Magin:有边缘的意思,在Android布局中的使用方式是 android:layout_margin=“XXdp”,看到这个不免想到layout是父布局来控制子控件的。 而这个margin属性就是父控件来控制子控件的边缘位数状况的,俗称“外边距”。
Padding:是填充的意思,在Android布局中的使用方式是 android:padding=“XXdp”,这个就是子控
The properties on the style object are only the styles applied directly to the element (e.g., via a style attribute or in code). So .style.marginTop will only have
原生js判断有没有class
hasClass = (ele, cName) => {
let reg = new RegExp("(?:^| +)" + cName + "(?: +|$)", "g");
if(ele.className === undefined){
return false;
}else{
demo代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>index</title> <style> .content_top{ width: 500p...
原创
2022-08-03 10:49:42
387阅读
hack: 父元素的盒子包含一个子元素盒子,给子元素盒子一个垂直外边距margin-top,父元素盒子也会往下走margin-top的值,而子元素和父元素的边距则没有发生变化。 html代码: 代码如下:<div class="box1"> <div class="box2"></div> </div> css样式: 代码如下:.box1
翻译
精选
2016-04-20 21:44:36
710阅读
本文介绍了css中子元素设置margin-top为什么影响了父元素,分享给大家,具体如下: 1 2 <style type="text/css"> *{ margin: 0px; padding: 0px; } .show{ margin: 0px auto; width: 200px; heigh
转载
2020-11-24 14:21:00
651阅读
2评论
对行内元素设置margin-top 和margin-bottom是否起作用?不起作用。(需要注意行内元素的替换元素img、input,他们是行内元素,但是可以为其设置宽高,并且margin属性也是对其起作用的,有着类似于Inline-block的行为)<!DOCTYPE html> <html> <head> ...
原创
2022-06-30 17:11:35
99阅读
一、JS获取节点的兄弟,父级,子级元素的方法
原生js
var s= document.getElementById("test");
del_ff(s); //清理空格
var chils= s.childNodes; //得到s的全部子节点
var par=s.parentNode; //得到s的父节点
var ns=s.nextSbiling; //获得s的下一个兄弟
对行内元素设置margin-top 和margin-bottom是否起作用?不起作用。(需要注意行内元素的替换元素img、input,他们是行内元素,但是可以为其设置宽高,并且margin属性也是对其起作用的,有着类似于Inline-block的行为) ...
原创
2021-07-29 14:08:36
445阅读
最近做的项目中经常会用到margin的负值,这里就总结一下关于margin负值的5种使用及相关bug的解决。1. 在流动性布局中的应用如WordPress的两栏式不固定布局就是使用margin负值来实现的定位,属于左右margin负值在流动性布局中的应用。<div style="width:200px;float:left;border-right:4px solid #CEE1EE;mar
关于原生JS获取节点,一直是个头疼的问题,而且调用方法的名字又贼长了,所以我选择用JQ,好像跑题了--话不多说看代码获取父节点 及 父节点下所有子节点(兄弟节点)文本一文本二文本三文本四function jsCopy(ev){
var ele=ev.parentNode;
//获取input的父级节点
console.log(ele);
//获取input的父级节点下的所有子节点(input及它的