//返回body下所有对象数组
function getAll() {
var objs = documentall;
var length1;
for (var i = 0; i < objslength; i++) {
var obj = objs[i]tagName;
if (obj == "body" || obj == "BODY") {
length1 = i+1;
break;
}
}
var b_objs = new Array();
for (var j = length1; j < objslength; j++) {
b_objspush(objs[j]);
}
return b_objs;
}
js没有提供获得body下的所有元素集合，只提供了获得全部标签的documentall
//1、首先获取div的父节点
//2、创建一个新节点
//3、将新节点添加到div节点后面
//具体 *** 作如下：
var divs = documentgetElementsByTagName("DIV");//获取页面中所有div
for(var i=0; i<divslength; i++) {
var div = divs[i];//获取第i个div
var divParent = divparentNode;//获取该div的父节点
var newNode = documentcreateTextNode("文本节点");//创建文本节点
var next = divnextSibling;//获取div的下一个兄弟节点
//判断兄弟节点是否存在
if(next) {
//存在则将新节点插入到div的下一个兄弟节点之前，即div之后
divParentinsertBefore(newNode,next);
} else {
//不存在则直接添加到最后,appendChild默认添加到divParent的最后
divParentappendChild(newNode);
}
}
//以下是一些常用js *** 作
var textNode = documentcreateTextNode("xxx");//创建文本节点
var elementNode = documentcreateElement("p");//创建元素节点(p)
var body = documentgetElementsByTagName("body")[0];//获取body节点
bodyappendChild(elementNode);//元素节点添加到body节点下，添加在末尾
elementNodeappendChild(textNode);//将文件节点添加到元素节点下
//获取要删除的节点，elementNodelength-1 表示最后一个指定节点(这里表示最后一个p节点)
var delElementNode = elementNodeitem(elementNodelength-1);
bodyremoveChild(delElementNode)；//移除指定节点
bodyinsertBefore(newNode, oldNode);//在body中的oldNode前插入newNode节点
bodyreplaceChild(newNode, oldNode);//将body中的oldNode替换为newNode节点
//创建一个新的属性
var style = documentcreateAttribute("style");
//为节点添加新属性
optionattributessetNamedItem(style);
//设置新属性的值
optionsetAttribute("style","color:red");
废话不多说，采纳即可
<!DOCTYPE HTML>
<html>
<head>
<title>yugi</title>
<meta charset=UTF-8 />
<style type="text/css">
{
margin: 0;
padding: 0;
}
table {
margin: auto;
width: 800px;
border: 1px solid black;
border-collapse: collapse;
}
th,td {
text-align: center;
border: 1px solid black;
}
</style>
<script type="text/javascript">
function load (path)
{
var xml;
parentNodechildNode:
parentObjfirstChild：如果节点为已知节点（parentObj）的第一个子节点就可以使用这个方法。这个属性是可以递归使用的，也就是支持parentObjfirstChildfirstChildfirstChild的形式，如此就可以获得更深层次的节点。
1、获取要改变background-position的dom节点
这里以修改body的显示为例<script>
var bd= documentgetElementsByTagName('body')[0];//通过document的api获取body节点。
</script>
2、通过对节点的style *** 作，修改background-position属性
比如原来对body的css定义中background-position是居中显示的。现在改为靠左显示<head>
<style type="text/css">
body
{
background-image:url('/i/eg_bg_03gif');
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center; /定义body的background-position为center/
}
</style>
</head>
<body>
</body>
<script>
var bd= documentgetElementsByTagName('body')[0];//通过document的api获取body节点。
bdstyle['background-position']='left'; //通过js修改body的background-position为left
</script>
以上就是关于js 遍历body下的所有元素全部的内容，包括:js 遍历body下的所有元素、javascript如何在div的后面添加一个其他的元素、js获取json中的数据，寻找某一节点，显示数据中格式化的部分。等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）