`
zengshaotao
  • 浏览: 808676 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

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>

 

分享到：
| maven详解
评论
发表评论

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

相关推荐

    《JavaScript》.pdf

    JavaScript是Web前端开发中不可或缺的脚本语言，它为网页提供了交互功能，使得网页从静态展示变成了可以与用户进行互动的平台。本文将从多个方面深入解析JavaScript在Web前端开发中的应用，涵盖从基础语法到高级功能...

    深入理解JavaScript系列

    本书是一本全面、深入介绍JavaScript语言的学习指南。本书共分四个部分，第1部分帮助读者快速入手，掌握基本的JavaScript编程要点；第2部分介绍JavaScript的发展和技术背景；第3部分深入探索JavaScript，介绍了语法...

    head first JavaScript源码

    《Head First JavaScript源码》是2010年出版的一本中文版JavaScript学习书籍的源码，这本书以其独特的视觉设计和易理解的方式深入浅出地介绍了JavaScript编程语言。JavaScript是一种广泛应用于网页和网络应用的脚本...

    JavaScript权威指南（JavaScript犀牛书一本）

    《JavaScript权威指南》是JavaScript编程领域的一本经典之作，由著名技术作家David Flanagan撰写，被誉为"JavaScript犀牛书"。这本书深入浅出地讲解了JavaScript语言的核心概念、语法特性和高级特性，对于想要全面...

    JavaScript语言精粹完整版

    《JavaScript语言精粹》作为一本深入浅出讲解JavaScript编程语言的经典之作，对于想要提升自己JavaScript技能的开发者来说，无疑是一份宝贵的资源。本书由Douglas Crockford所著，他不仅是JSON格式的创始人，也是...

    VS2015安装证书，JavaScript_ProjectSystem.msi，JavaScript_LanguageService.msi

    在这个场景中，我们关注的是VS2015的安装过程中涉及到的证书问题以及两个特定的组件：JavaScript_ProjectSystem.msi和JavaScript_LanguageService.msi。 首先，关于“VS2015安装证书”，这通常是指安装过程中需要...

Magicbox
Global site tag (gtag.js) - Google Analytics