新网创想网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
这个是关于DOM的知识里的内容,是一个节点的parentNode成员
创新互联建站成立与2013年,是专业互联网技术服务公司,拥有项目成都做网站、成都网站设计网站策划,项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命,1280元城西做网站,已为上家服务,为城西各地企业和个人服务,联系电话:18982081108
e.g. aNode.parentNode返回父节点
最常用的用法就是node.parentNode.removeChild(node)
删除某节点node
html代码:
div id="test"
div/div
div/div
/div
js代码:
script
function dom() {
var s= document.getElementById("test");
del_ff(s); //清理空格
var chils= s.childNodes; //得到s的全部子节点
var par=s.parentNode; //得到s的父节点
var fc=s.firstChild; //获得s的第一个子节点
var lc=s.lastChile; //获得s的最后一个子节点
}
/script
建议:使用jquery来获取父级节点跟子级节点会更方便。
js是通过prototype实现的继承,
如ClassA.prototype = new ClassB().
就可以说ClassA是ClassB的子类,同时ClassB是ClassA的父类
js中定义一个class其实就是一个function,如
var ClassA = function() {
}
====怎么最近好像老有人问这个?
这就是树状结构的最基本特征啊,树干生出树枝,树枝再生出树叶,反过来,每片树叶都是从某条树枝上长出来的,而每条树枝也是从树干上长出来的,如果把树叶、树枝都看作节点,那么每个节点都是有父节点的,唯一例外就是最顶层的那个节点(树干)是没有父节点的。
首先,父节点是相对于HTML文档的DOM树而言的。如下面的HTML:
html
head/head
body
div id="id1"
div id="id2"
/div
/div
/body
/html
在这个HTML的DOM树里面,id2这个div节点的父节点是id1这个div,页id1这个div的父节点是body。
一般来说,每个元素都有一个父节点,有0到多个子节点。
而Javascript中,修改一个DOM节点的外观,是通过修改这个DOM节点对象的属性来实现的。
例如:
var div2 = document.getElementById('id2'); // 取id=id2这个节点
var div1 = div2.parentNode; // div2的父节点,也就是id1这个div节点。
div1.style.border = '1px solid red'; // 把div1的边框设置为1像素实线红边框
所以,应该是通过修改某对象本身的属性来实现这个对象外观的设置(并非通过修改子节点的属性,如xxx.parentNode.style.display = 'block'只是通过xxx.parentNode来引用到xxx父节点,最终修改的是父节点的属性,跟xxx没啥关系)
获取目标元素的方法很多,例如取子节点:div1.childNodes,(取div1的子节点列表)
关于HTML及Javascript的学习,网上有很多资料,可以看一下。例如:
W3School: