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）自定义属性
首先 nextSibling 并不是所有浏览器执行后 结果都是一样的！
这是我写的：
<html>
<head>
<meta >
getElementsByTagName("标签名称") 代表查询返回所有该标签的元素，因此他是个集合
documentgetElementsByTagName("标签") 即查询文档中所有的该标签元素
alert(documentgetElementsByTagName("div")length) 返回查询结果的数量，这里结果为 1
你想要该元素的文本应该这么写 documentgetElementsByTagName("div")[0]innerHTML
取第一个div的html文本
============================
其他示例
<html>
<head><title>test</title></head>
<script type="text/javascript">
//搜索文档下第一个div下的span子节点
windowonload = function () {//文档加载完毕事件
var div1 = documentgetElementsByTagName("div")[0];//文档第一个DIV
var spans = div1getElementsByTagName("span");//该DIV下的所有SPAN标签元素
for (var i = 0; i < spanslength; i++) {//循环d出每个SPAN标签的文本
alert(spans[i]innerHTML);
}
}
</script>
<body>
<div><span>文本1</span><span>第二个文本</span><span>文本叁</span></div>
</body>
</html>
使用jQuery框架 *** 作HTML DOM是一件极其便捷的事情，如下 *** 作即可获取相应节点的数据，id和名字（下文中引用“$(this)”表示一个jQuery对象）：
获取节点标签内容数据： $(this)html( )
获取表单组件中的值： $(this)val()
获取节点中的文本内容（例如textarea）: $(this)text()
获取节点的id： $(this)attr("id")
获取节点的名字： $(this)attr("name")
首先先要确定一下你要获取的a标签的属性，比如id，class等，然后通过documentgetElementById('a标签的id')或documentGetElementByClass('a标签class')获取该节点对象
这个要用到JS中的innerHTML来实现，具体代码如下：
<style>
ul{width:300px; height:auto; margin:0 auto; border:1px dotted #F00; text-decoration:none;}//给UL定义一个样式
li{width:300px; height:30px; line-height:30px; list-style: none; }//控制LI显示样式
</style>
<ul id="aaa">//这里给出UL一个ID，以便JS脚本获取相应元素
<li>中国</li>
<li>美工</li>
<li>意大利</li>
<li>德国</li>
</ul>
<script>
windowonload = function(){
var obj_lis = documentgetElementById("aaa")getElementsByTagName("li");
for(i=0;i<obj_lislength;i++){
obj_lis[i]onclick = function(){
alert(thisinnerHTML);
}
}
}
</script>。
以上就是关于js DOM *** 作全部的内容，包括:js DOM *** 作、怎么样通过js DOM获取一个节点的文本内容、javascript 怎样获取节点文本值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）