javascript

zengshaotao

浏览: 802248 次
性别:
来自: 上海

最近访客更多访客>>

njdccy

AK1343794853

chehaoj

jstl1point0

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

javascript

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language="javascript">
function searchDOM()
{
  var li=document.getElementsByTagName("li");//获得了所有li标记，在数组里重复存储
  alert(li.length+" "+li[1].tagName+" "+li[2].tagName+" "+li[3].childNodes[0].nodeValue);
  //将标记之间的文本内容也看成了一个节点，为了通用性，有些只有单个文件节点的标记也需要用
  //childNodes[0].nodeValue来获得其单个文本节点的文本内容

  alert(li[1].childNodes[0].nodeValue);
  var ul = document.getElementsByTagName("ul");
  alert(ul[1].childNodes[1].tagName);
  alert(ul[1].childNodes[1].nodeValue);

  var li2=ul[1].getElementsByTagName("li");
  alert(li2.length+" "+li2[1].tagName+" "+li2[2].childNodes[0].nodeValue);
  alert("测试新的");
  var id = document.getElementById("css");
  alert(id.tagName+" "+id.childNodes[0].nodeValue);
  alert("父子节点测试");
  var ml = document.getElementById("myList");
  var domString = "";
  if(ml.hasChildNodes())
  {
   var son = ml.childNodes;
   for(var i=0;i<son.length;i++)
   {
    domString +=son[i].nodeName+"\n";
   }
   alert(son[0].nodeValue);
  }
  alert(domString);
  alert("节点属性的测试");
  var img = document.getElementsByTagName("img")[0];//不能少了s，复数的形式
  alert(img);
  alert(img.getAttribute("title"));
  alert("创建新节点的测试");
  var op = document.createElement("p");
  var pText = document.createTextNode("这是一个新的开始");
  op.appendChild(pText);
  document.body.appendChild(op);
  alert("innerHTML的测试");
  var mt = document.getElementById("mytest");//得到容器标记
  alert(mt.innerHTML);
  mt.innerHTML = "<img src='三清山.jpg' title='魅力三清山' />";
}
</script>
</head>

<body onload="searchDOM()">
<ul>客户端语言
  <li>HTML</li>
  <li>JavaScript</li>
  <li id="css">CSS</li>
</ul>
<ul id="myList">服务器端语言
  <li>JSP</li>
  <li>PHP</li>
  <li>ASP</li>
</ul>
<img src="美丽上饶.jpg" title="美丽上饶" border="0" />
<p>事先在这里写入一行文字，测试appendChild（）方法添加的文本位置</p>
<div id="mytest">
  <span>魅力三清山</span>
  <p>我爱上饶</p>
</div>
</body>
</html>

分享到：

java 定时器 | maven详解

2012-12-07 22:51
浏览 742
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

javascript

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

javascript

评论

发表评论

相关推荐

javascript与日期的相关操作

面向对象

两次encodeURI和URLDecode的原理分析

encodeURI

encodeURL

cookie操作 JQuery

表单参数一并提交

功能参考

树形节点设权重，叶子节点设权重

除去缓存

event.srcElement

三重循环部分

base href, new Highchart.Chart（）

鼠标点击的位置，滚动条，兼容

表单提交页面不跳转

HTML图片热区map area的用法

获取页面高度

iframe中子父窗口互调的js方法

数组去重

dtree树构建

最近访客更多访客>>