<title>无标题文档</title>
<script type="text/ecmascript">
function changeLink(){
var firstLink = document.getElementsByTagName("a")[0];
if(firstLink.href == "search.html"){
firstLink.href = "http://www.google.com";
}
}
window.onload = changeLink;
</script>
</head><body>
<a href="search.html">导航</a>
<a href="#">首页</a>
</body>
<title>无标题文档</title>
<script type="text/ecmascript">
function changeLink(){
var firstLink = document.getElementsByTagName("a");
for(var i=0;i<firstLink.length;i++){
if(firstLink[i].href == "search.html"){
firstLink[i].href = "http://www.google.com";
}
}
}
window.onload = changeLink;
</script>
</head><body>
<a href="search.html">导航</a>
<a href="#">首页</a>
</body>
写成下面这种样子也不会把链接地址换了
<script type="text/ecmascript">
function changeLink(){
var firstLink = document.getElementsByTagName("a")[0];
if(firstLink.href == "search.html"){
firstLink.href = "http://www.google.com";
}
}
window.onload = changeLink;
</script>
</head><body>
<a href="search.html">导航</a>
<a href="#">首页</a>
</body>
<title>无标题文档</title>
<script type="text/ecmascript">
function changeLink(){
var firstLink = document.getElementsByTagName("a");
for(var i=0;i<firstLink.length;i++){
if(firstLink[i].href == "search.html"){
firstLink[i].href = "http://www.google.com";
}
}
}
window.onload = changeLink;
</script>
</head><body>
<a href="search.html">导航</a>
<a href="#">首页</a>
</body>
写成下面这种样子也不会把链接地址换了
<title>无标题文档</title>
<script type="text/ecmascript">
function changeLink(){
var firstLink = document.getElementsByTagName("a");
for(var i=0;i<firstLink.length;i++){
if(firstLink[i].getAttribute('href') == "search.html"){
firstLink[i].setAttribute('href', "http://www.google.com")2;
}
}
}
window.onload = changeLink;
</script>
</head><body>
<a href="search.html">导航</a>
<a href="#">首页</a>
</body>
要用get和set Attribute()
<head>
<title>无标题文档</title>
<script type="text/ecmascript">
function changeLink() {
var firstLink = document.getElementsByTagName("a");
for (var i = 0; i < firstLink.length; i++) {
alert(firstLink[i].id);
if (firstLink[i].href == "search.html") {
firstLink[i].href = "http://www.google.com";
}
}
}
window.onload = changeLink;
</script>
</head>
<body>
<a href="search.html" id='aaa'>导航</a>
<a href="#" id='bbb'>首页</a></body>
</html>
而是
http://localhost:26248/WebSite15/search.html
你可以 alert(firstLink[i].href);这样试试
<title>无标题文档</title>
<script type="text/ecmascript">
function changeLink(){
var firstLink = document.getElementsByTagName("a")[0]; if(firstLink.getAttribute('href') == "search.html"){
firstLink.setAttribute('href', "http://www.google.com");
}
}
window.onload = changeLink;
</script>
</head><body>
<a href="search.html">导航</a>
<a href="#">首页</a>
</body>
<head>
<title>无标题文档</title>
<script type="text/ecmascript">
function changeLink() {
var firstLink = document.getElementsByTagName("a");
for (var i = 0; i < firstLink.length; i++) {
alert(firstLink[i].href);
if (firstLink[i].href == "http://localhost:26248/WebSite15/search.html") {
firstLink[i].href = "http://www.google.com";
}
}
}
window.onload = changeLink;
</script>
</head>
<body>
<a href="search.html" >导航</a>
<a href="#" >首页</a></body>
</html>有些东西是需要自己亲手去试的。。上面是我在本地测试的。。
<head>
<script type="text/javascript">
function getElements()
{
var x = document.getElementsByTagName("input");
alert(x.length);
var myParagragh = document.getElementsByTagName("p")[1];
alert(myParagragh.firstChild.nodeValue);
}</script>
</head>
<body>
<input name="myInput" type="text" size="20" value="input1" /><br /><br />
<input name="myInput" type="text" size="20" value="input2" /><br /><br />
<input name="myInput" type="text" size="20" value="input3" /><br /><br />
<input type="button" onclick="getElements()" value="有几个input元素?" />
<p><b>定义</b></p>
<p>getElementsByTagName() 方法可返回带有指定标签名的对象的集合。</p>
<p><b>说明</b></p>
<p>getElementsByTagName() 方法返回元素的顺序是它们在文档中的顺序。</p>
</body>
</html>
可以参考http://www.w3school.com.cn/index.html学习下