发帖
雷达卡
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Javascript Gallery</title>
<!--
作者：offline
时间：2018-01-11
描述：
<script type="text/javascript" src="script/showpic.js">
function showpic(whichpic){
var source=getAttribute("href");
//对src进行刷新，将它保存到source
alert(source)
var placeholder = document.getElementById("placeholder");
alert(placeholder)
placeholder.setAttribute("src";source);
}
</script>-->
</head>
<body>
<ul>
<!--<li><a href="images/GUG.jpg">GUG</a></li>
<li><a href="images/rgt.jpg">RGT</a></li>
<li><a href="images/YHY.jpg">YHY</a></li>
<li><a href="images/ZGL.jpg">ZGL</a></li>
-->
<li><a href="img/GUG.jpg" title="g">GUG</a></li>
<li><a href="img/rgt.jpg" title="r">RGT</a></li>
<li><a href="img/YHY.jpg" title="y">YHY</a></li>
<li><a href="img/ZGL.jpg" title="z">ZGL</a></li>
<!--
作者：offline
时间：2018-01-11
描述：占位符
-->
<img id="placeholder" src="img/123.jpg" alt="my gallery" width="400px" height="300px"/>
</ul>
</body>
</html>
function showpic(whichpic){
var source=whichpic.getAttribute("href");
//对src进行刷新，将它保存到source
//alert(source)
var placeholder = document.getElementById("placeholder");
//alert(placeholder)
placeholder.setAttribute("src",source);
}
childnodes:返回一个数组，数组包含给定元素节点的全体元素：element.childnodes.
nodeType:区分文档里的个个节点。node.nodeType
function showpic(whichpic){
var source=whichpic.getAttribute("href");
//对src进行刷新，将它保存到source
//alert(source)
var placeholder = document.getElementById("placeholder");
//alert(placeholder)
placeholder.setAttribute("src",source);
//title属性值将被提取并保存到text中
var text=whichpic.getAttribute("title");
//找到id=“description”的<p>元素，并把这个对象保存到变量description去
var description = document.getElementById("description");
//alert(description.childNodes[0].nodeValue);
//将description对象的第一个子节点的nodeValue属性值设置为变量text的值
description.firstChild.nodeValue = text;
}
function countBodyChildren(){
var body_element = document.getElementsByTagName("body")[0];
//输出body元素的子元素的总数
alert(body_element.childNodes.length);
//页面加载是调用countBodyChildren
window.onload=countBodyChildren;
}
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Javascript Gallery</title>
<style>
ul li{
margin-left: auto;
list-style: none;
}
</style>
<!--
作者：offline
时间：2018-01-11
描述：-->
<script type="text/javascript" src="script/showpic.js">
/*function showpic(whichpic){
var source=getAttribute("href");
//对src进行刷新，将它保存到source
alert(source)
var placeholder = document.getElementById("placeholder");
alert(placeholder)
placeholder.setAttribute("src";source);
}*/
</script>
</head>
<body>
<ul>
<!--<li><a href="images/GUG.jpg">GUG</a></li>
<li><a href="images/rgt.jpg">RGT</a></li>
<li><a href="images/YHY.jpg">YHY</a></li>
<li><a href="images/ZGL.jpg">ZGL</a></li>
-->
<li><a href="img/GUG.jpg" title="g">GUG</a></li>
<li><a href="img/rgt.jpg" title="r">RGT</a></li>
<li><a href="img/YHY.jpg" title="y">YHY</a></li>
<li><a href="img/ZGL.jpg" title="z">ZGL</a></li>
<p id="description">Please,choose an images.</p>
<!--
作者：offline
时间：2018-01-11
描述：占位符
-->
<img id="placeholder" src="img/123.jpg" alt="my gallery" width="400px" height="300px"/>
</ul>
</body>
</html>
提升卡
置顶卡
沉默卡
变色卡
抢沙发
千斤顶
显身卡
京公网安备 11010802022788号
