TIt*_*moo 1 html javascript anchor
我有这个代码:
<html>
<BUTTON ONCLICK="stups()">VALUE FINDER </BUTTON>
<a value="this is a value" href="value"><img src="b5.jpg"> values rule!!</a>
<p id="demo"></p>
<script>
var a = document.getElementsByTagName("a").value
function stups(){
document.getElementById("demo").innerHTML=a
}
</script>
</html>
javascript只是意味着在点击按钮时获取th(链接)的值我甚至不知道它应该是什么值,无论是href属性,value属性,属性值img还是文本两者之间<a>和</a>,以及我已经试过所有我能想到的,它从来没有给我,它不断给我的字的任意值 undefined.请帮助.
注意:我需要它介于两者之间,
<a></a>因为它是一个链接
提前致谢
Tak*_*Isy 10
首先，照顾好你想要做什么，因为它.getElementsByTagName("a")会返回一个元素集合。
然后，您可能想要使用.getAttribute("value")：
var a = document.getElementsByTagName("a");
function stups(){
document.getElementById("demo").innerHTML = a[0].getAttribute("value");
}<BUTTON ONCLICK="stups()">VALUE FINDER </BUTTON>
<a value="this is a value" href="value"><img src="b5.jpg"> values rule!!</a>
<p id="demo"></p>? ? ?
如果要管理多个a元素，可以执行以下操作：
.querySelectorAll("a"), 可以forEach直接使用循环，.push() 你在数组中的值，var as = document.querySelectorAll("a");
function stups(){
var values = [];
as.forEach(function(a, index){
values.push(a.getAttribute("value") || '--- no value ---');
// OR: values.push(as[index].getAttribute("value"));
})
document.getElementById("demo").innerHTML = values.join('<br>');
}<BUTTON ONCLICK="stups()">VALUE FINDER </BUTTON>
<a value="this is a value" href="value"><img src="b5.jpg"> values rule!!</a>
<a value="this is another value" href="value"><img src="b5.jpg"> values rule!!</a>
<a href="value"><img src="b5.jpg">No value here</a>
<a value="this is another value, again" href="value"><img src="b5.jpg"> values rule!!</a>
<p id="demo"></p>希望能帮助到你。
您需要从a标记中定义所需的属性.
所以试试吧 .getAttribute('value')
<html>
<button onclick="stups()">VALUE FINDER </button>
<a value="this is a value" href="value"><img src="b5.jpg"> values rule!!</a>
<p id="demo"></p>
<script>
function stups(){
var a = document.getElementsByTagName('a')[0].getAttribute('value');
document.getElementById("demo").innerHTML=a
}
</script>
</html>