2015-12-23 149 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>