js DOM *** 作

1）一共12个节点类型

2）dom *** 作就是对节点进行 *** 作

3）节点的类型的获取方法notetype

4）ie9以上及chrome safari firefox 会将换行符当成节点

（1）静态获取

（2）返回带有指定ID的元素

var box1=documentgetElementById('box');

（1）根据标签名获取

（2）得到的是个数组

var div1=documentgetElementsByTagName('div')[0];

（1）根据类名获取元素

（2）动态获取

（3）得到的是一个数组

var box=documentgetElementsByClassName('box')[0];

（1）返回符合要求第一个元素

（2）通过css选择器来获取指定标签

（3）静态获取

（1）返回所有匹配元素

（2）根据css选择器来获取所有标签

（3）得到的是一个数组

获取兄弟节点

获取下一个兄弟标签

获取上一个兄弟节点

获取上一个兄弟标签

获取最后一个子节点

获取最后一个子标签

获取所有非标签类型的子节点

获取所有子标签节点

获取父节点

增加节点

var div=documentcreateElement('div');

在父元素的末尾，插入节点

在添加元素前，需要将元素先创建好

divappendChild(div);

修改指定子节点

删除指定子节点

在删除前需要先获取到被删除元素

divremoveChild(box);

删除当前节点

需要先获取到被删除的节点

divremove();

（1）设置ID

divid='box';

（2）设置class

divclassName='box';

（3）设置style

divstylewidth='10px';

（4）设置路径

imgsrc='/';

（5）自定义属性

<table>

<tr><td><div id="tdtest">点击背景色变灰</div></td><td></td><td></td></tr>

</table>

<script>

$(function() {

$('#tdtest')click(function(){

$(this)parent('td')attr('style','background:#eee;');

});

});

</script>

原始样式

点击后

function abc(obj){

    var div=objparentNodeparentNode  //当前对象的父节点(iframe)的父节点(div)

   alert(divattr("bs"));

};

测了几种情况：

<script>

function go(obj){

alert(objparentNodename);

}

</script>

<div name="d1"><a id="a1" href="javascript:go(this)"> 点 DIV 1 出错</a></div>

<div name="d2"><a id="a2" href="#" onclick="javascript:go(this)">点 DIV 2 正常</a></div>

<div name="d3"><a id="a3" href="javascript:go(documentgetElementById('a3'))">点 DIV 3 正常</a></div>

感觉主要的问题不在于标签，而在于调用函数时传入的 this。

1 this用于href中不正常

2 this用于事件中如onclick中正常。

3 href中如果不用this，用documentgetElementById("a3")传入一个确定对象，正常。

可以这样说：只有与事件调用有关的函数中，this才有效果。

jQuery 提供了 parent() 方法用以获取当前匹配元素集合中每个元素的父元素，例如：

$("span")parent(); // 获取所有span标签元素的父节点对象集合

$("selected")parent(); // 获取所有class位selected的元素的父节点对象集合

$(spanselected)parent(); // 获取class为selected的span标签元素的父节点对象集合

另外，注意与parents() 方法的区别——parents() 方法获取当前匹配元素集合中每个元素的祖先元素（祖先元素不仅包括父节点，还包括祖父、曾祖父等等）。

以上就是关于js DOM *** 作全部的内容，包括:js DOM *** 作、为什么一个div的父节点td获取不到、jquery iframe *** 作当“前父”div元素等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！