程序博客网 > 民族虚无主义知乎

华恩JAVA班第54天

来源：互联网 发布：民族虚无主义知乎 编辑：程序博客网 时间：2024/06/16 21:35

华恩JAVA班第54天

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0Transitional//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>使用getAttribute读取节点的属性值</title>
<style type="text/css">
img{
 border: 0px;
 float: left;
 padding:3px;
 }
body{
 margin:0px;
 font-size:12px;
 line-height:20px;
}
input{
 margin-top: 5px;
}
</style>
<script type="text/javascript">
function hh(){
 varhText=document.getElementByIdx_x("fruit").getAttribute("src");
 
 alert("图片的路径是："+hText)
 }
function check(){
 varfavor=document.getElementsByName("enjoy");
 var like="你喜欢的水果是：";
 for(vari=0;i<favor.length;i++){
  if(favor[i].checked==true){
   like+="\n"+favor[i].getAttribute("value");
   }
  }
  alert(like);
 }
function change(){
 varimgs=document.getElementsByTagName_r("img");
 imgs[0].setAttribute("src","images/grape.jpg");
 }
</script>
</head>

<body>
<img src="images/fruit.jpg" alt="水果图片" id="fruit" />
<h1id="love">选择你喜欢的水果：</h1>
<input name="enjoy" type="checkbox" value="apple"/>苹果
<input name="enjoy" type="checkbox" value="banana"/>香蕉
<input name="enjoy" type="checkbox" value="grape"/>葡萄
<input name="enjoy" type="checkbox" value="pear"/>梨
<input name="enjoy" type="checkbox"value="watermelon" />西瓜
<br />
<input name="btn" type="button" value="显示图片路径"onclick="hh()" />
<br /><inputname="btn" type="button" value="喜欢的水果" onclick="check()"/>
<br /><inputname="btn" type="button" value="改变图片" onclick="change()"/>
</body>
</html>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0Transitional//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>
<style type="text/css">
td{
 font-size:14px;
 width:80px;
 height:30px;
 text-align:center;
 border-bottom:1px solid #666;
 border-right:1px solid #666;
 }
table{
 border-left:1px solid #666;
 border-top:1px solid #666;
 }
body{text-align:center;}
input{margin-top:5px;}
</style>
<script type="text/javascript">
function checks(){
 var tt=document.getElementByIdx_x("myTable");
 
 vars=tt.lastChild.firstChild.firstChild.innerHTML;
 
 
 alert(s);
 }
</script>
</head>
<body><tableborder="0" cellspacing="0" cellpadding="0"id="myTable">
 <thead>
   <td>姓名</td>
   <td>课程</td>
   <td>成绩</td>
 </thead>
 <tbody>
  <tr>
   <td>欧阳兰</td>
   <td>语文</td>
   <td>88</td>
  </tr>
  <tr>
   <td>白杨</td>
   <td>数学</td>
   <td>96</td>
  </tr>
  </tbody>
</table>
<input name="btn" type="button" value="第二行第一个单元格内容"onclick="checks()" />
</body>
</html>

 

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0Transitional//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 type="text/javascript">
function newNode(){
 var oldNode=document.getElementByIdx_x("sixty1");//访问插入节点的位置
 varimage=document_createElement_x("img");      //创建一个图片节点
 image.setAttribute("src","images/newimg.jpg"); //设置图片路径

 document.body.insertBefore(image,oldNode);     //插入图片到sixty1前面
 }
function copyNode(){
 var image=document.getElementByIdx_x("sixty1");//访问复制的节点
 varcopyImage=image.cloneNode(false);          //复制指定的节点
 document.body.a(copyImage);     //在页面最后增加节点
    
 }
</script>
</head>

<body>
<h2>喜欢的水果</h2>
<input id="b1" type="button" value="增加一幅图片"onclick="newNode()" />
<input id="b2" type="button" value="复制原图"onclick="copyNode()" /><br/>
 <img src="images/sixty1.jpg"id="sixty1" alt="水果" />
<img src="images/sixty2.jpg" id="sixty2" alt="果篮"/>
</body>
</html>

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0Transitional//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 type="text/javascript">
function delNode(){
 var dNode=document.getElementByIdx_x("sixty1");//访问被删除的节点
 document.body.removeChild(dNode);     //删除图片
 }
function repNode(){
 var oldimage=document.getElementByIdx_x("sixty2");//访问被替换的节点
 varnewimage=document_createElement_x("img");      //创建一个图片节点
 newimage.setAttribute("src","images/repimg.jpg"); //设置图片路径
 document.body.replaceChild(newimage,oldimage);     //替换原来的图片
 }
</script>
</head>

<body>
<h2>喜欢的水果</h2>
<input id="b1" type="button" value="删除图片"onclick="delNode()" />
<input id="b2" type="button" value="替换图片"onclick="repNode()" /><br/>
 <img src="images/sixty1.jpg"id="sixty1" alt="水果" />
<img src="images/sixty2.jpg" id="sixty2" alt="果篮"/>
</body>
</html>

更多信息可以参见同学富晓磊的博客:http://blog.sina.com.cn/u/1798827371

阅读全文
0 0
民族虚无主义知乎 民族虚无主义知乎
原创粉丝点击
热门IT博客
决战武林法器进阶数据决战武林法器进阶数据
java 图形验证码识别java 图形验证码识别
java向上取整
商业数据分析师知乎
通信网络设计师是什么
mac中如何新建文件夹
java微信网页开发教程
赵子易扒皮知乎
2017淘宝图片空间收费
python 查看字节数
汉语国际教育硕士 知乎
斯坦福大学 知乎
淘宝16年售假处罚降权
python hmac sha256
为什么要在阿里云备案
青苹软件
剑网3成男捏脸数据分享
mac怎么做表格
汕头文化 知乎
渎圣同盟知乎
热门问题 老师的惩罚 人脸识别 我在镇武司摸鱼那些年 重生之率土为王 我在大康的咸鱼生活 盘龙之生命进化 天生仙种 凡人之先天五行 春回大明朝 姑娘不必设防，我是瞎子 电动除尘掸 金尊玉贵by雨掸霜叶 鸡毛掸子 掸子 掸子读音 掸子蜡 掸子的拼音 汽车掸子 毛掸子 龟牌掸子蜡 行走的鸡毛掸子 鸡毛掸子读音 掸子蜡的正确使用方法 掸子蜡的使用方法 汽车掸子什么牌子好 鸡毛掸子除尘 鸡毛掸子图片 鸡毛掸子寓意 鸡毛掸子的作用 被老公用鸡毛掸子立规矩 掸族 掸邦 掺 女配不掺合 快穿女配不掺合 掺怎么读 掺的拼音 瓷砖胶可以掺水泥吗 掺的组词 掺混肥生产设备 自动掺混肥生产设备 蜂蜜结晶是掺了白糖吗 掺混肥生产线 掺了白糖的蜂蜜结晶图 掺怎么组词 月经很淡像掺了水 驴肉掺什么青菜做饺子馅 食品掺伪的主要方式有几种 快穿之女配不掺合 掺和 掺和的拼音

程序博客网，程序员的互联网技术博客家园。csdn论坛精品 msdn技术资料都在这里