按ID获取元素时,如何获取该部分中的内容?

时间:2015-12-23 00:05:33

标签: javascript html dom

在javascript中,当我调用“getElementById”方法时,如何访问该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>

3 个答案:

答案 0 :(得分:1)

你可以将另一个方法链接到document.getElementById(“demo”);如:

的document.getElementById( “演示”)。值

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

答案 1 :(得分:0)

使用

<强> querySelector

访问锚点

function clickedButton(){
  setTimeout(function(){
    window.open(...);
  })
}

答案 2 :(得分:0)

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

您可以获取#demo div的第一个(唯一)子项并获取href属性。此示例仅使用几行,但可以进一步简化它。

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