2015-12-23 190 views
0

在JavaScript中,当我调用“getElementById”方法时,如何访问该ID部分中的信息,例如链接?当通过ID获取元素时,如何获取节内的内容?

<p id="demo"><a href="someWebsite.com">some link</a></p> 

<button onclick="myFunction()"> Grab Link</button> 

<script> 
    function myFunction() { 
     var thisLink = document.getElementById("demo"); 
     thisLink.(functionToGetSomeLink); //any way to get the link??? 
} 
</script> 
+1

你试图让'了'作为。节点,或者你是否试图在'demo'中获取html,或者你想获得链接的href?请解释你正在尝试做什么。 – www139

+0

我试图访问标识为id“demo”的段落标签中的href。 –

回答

1

可以链的另一种方法到的document.getElementById( “演示”);如:

的document.getElementById( “演示”)值

的document.getElementById( “演示”)文本

0

使用

querySelector

访问锚

var anchorTag = document.querySelector('#demo a'); 

var href = anchorTag.getAttr('href'); 
0

请告诉我,如果我没有正确地理解这个问题。

您可以只获取#demo div的第一个(仅)子项并获取href属性。这个例子只使用了几条线,但可以进一步简化它。

function myFunction() { 
 
    var thisLink = document.getElementById("demo").children[0].href; 
 
    alert(thisLink); 
 
    console.log(thisLink); 
 
}
<p id="demo"><a href="someWebsite.com">some link</a> 
 
</p> 
 
<button onclick="myFunction()">Grab Link</button>