[英]getting href value of from <a> tag
I have below html: 我有以下html:
<div class="threeimages" id="txtCss">
<a>
<img alt="Australia" src="/Images/Services%20button_tcm7-9688.gif"/>
</a>
<div class="text" id="txtLink">
<h2>
<a href="/partnerzone/downloadarea/school-information/australia/index.aspx">Australia</a>
</h2>
<p>Land of the sunshine!</p>
</div>
</div>
Now if you see there is href in div ID "txtLink" ie Australia 现在,如果你看到div ID“txtLink”中有href,即澳大利亚
I want this at the runtime of page the same href values get copied into above tag of div ID "txtCss", I mean when my page gets displayed my html will be as below: 我想在页面的运行时将相同的href值复制到div ID“txtCss”的上面标签中,我的意思是当我的页面显示时我的html将如下所示:
<div class="threeimages" id="txtCss">
<a href="/partnerzone/downloadarea/school-information/australia/index.aspx">
<img alt="Australia" src="/Images/Services%20button_tcm7-9688.gif"/>
</a>
<div class="text" id="txtLink">
<h2>
<a href="/partnerzone/downloadarea/school-information/australia/index.aspx">Australia</a>
</h2>
<p>Land of the sunshine!</p>
</div>
</div>
please suggest some code for above problem 请为上述问题提出一些代码
this is the shortest answer without using any library and works only thing what you want 这是没有使用任何库的最短答案,只能用于你想要的东西
var tc = document.getElementById("txtCss");
var ary = tc ? tc.getElementsByTagName("a") : [];
if(ary.length >= 2)
ary[0].href = ary[1].href;
Update 更新
An answer without jquery here: https://stackoverflow.com/a/887348/11333 这里没有jquery的答案: https : //stackoverflow.com/a/887348/11333
Back in 2009 it was perfectly acceptable to use jquery though :) 早在2009年,使用jquery完全可以接受:)
Create a js file with something like this: 使用以下内容创建一个js文件:
$(document).ready(function() {
$('.threeimages').each(function(){
$(this).DupeHref();
});
});
jQuery.fn.DupeHref = function(){
var target = $(this).find(".text h2 a").attr("href");
$(this).find("a").attr("href", target);
}
Reference both the jquery and this javascript file in your html. 在你的html中引用jquery和这个javascript文件。 Something like this:
像这样的东西:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Test</title>
</head>
<body>
<div class="threeimages">
<a>
<img alt="Australia" src="/Images/Services%20button_tcm7-9688.gif"/>
</a>
<div class="text">
<h2>
<a href="/partnerzone/downloadarea/school-information/australia/index.aspx">Australia</a>
</h2>
<p>Land of the sunshine!</p>
</div>
</div>
<div class="threeimages">
<a>
<img alt="Belgium" src="/Images/Services%20button_tcm7-9689.gif"/>
</a>
<div class="text">
<h2>
<a href="/partnerzone/downloadarea/school-information/belgium/index.aspx">Belgium</a>
</h2>
<p>Land of beer and food!</p>
</div>
</div>
<script src="./content/js/jquery-1.2.6.min.js" type="text/javascript"></script>
<script src="./content/js/dupetargets.js" type="text/javascript"></script>
</body>
</html>
This is a simple understandable code: 这是一个简单易懂的代码:
<html>
<head>
<script language="javascript">
function simpleChangeURL(){
var anchors = document.getElementsByTagName('a');
if(anchors != null & anchors.length > 0){
anchors[0].href = anchors[1].href;
}
}
function simpleChangeByAustraliaURL()
{
var anchors = document.getElementsByTagName('a');
var images = document.getElementsByTagName('img');
var imageNeeded;
var anchorNeeded;
if(images != null){
for( var i = 0; i < images.length ; i++){
if (images[i].alt == 'Australia') imageNeeded = images[i];
}
}
if(anchors != null){
for( var j = 0; j < anchors.length ; j++){
if (anchors[j].firstChild.data == 'Australia') anchorNeeded = anchors[j];
}
}
if(imageNeeded != null && anchorNeeded!= null){
var imageAnchor = imageNeeded.parentNode;
imageAnchor.href = anchorNeeded;
}
}
</script>
</head>
<body>
<div class="threeimages" id="txtCss">
<a>
<img alt="Australia" src="/Images/Services%20button_tcm7-9688.gif"/>
</a>
<div class="text" id="txtLink" >
<h2>
<a href="/partnerzone/downloadarea/school-information/australia/index.aspx">Australia</a>
</h2>
<p>Land of the sunshine!</p>
</div>
</div>
<script> simpleChangeByAustraliaURL();</script>
</body>
</html>
You can use: 您可以使用:
var txtLink = document.getElementById('txtLink');
var a = txtLink.getElementsByTagName('a');
if (a != null && a.length > 0) {
var setLink = txtLink.parentNode.getElementsByTagName('a');
if (setLink != null && setLink.length > 0) {
setLink[0].href = a[0].href;
}
}
I think that this should work.. 我认为这应该有效..
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.