javascript - 选择没有 ID 的 href 并更改内部 html

Question

我正在尝试选择一个没有 ID 的 href 并更改内部 html。我无法访问 html，但我可以使用 js/css。 href 在一个 li 中，它确实有一个我可以选择的 id。所以 html 看起来像这样

<li id="sampleID">
    <a title="sampletitle" href="somewhere.com">somewhere</a>
</li>

我目前正在使用类似的东西

<script type="text/javascript">var links =  document.querySelector('#sampleID').getElementsByTagName('a');

Array.prototype.forEach.call(links, function(el) {
    // set attribute
    el.setAttribute('id','sample');
});

var element=document.getElementById('sample'); 
element.innerhtml="somewhereElse";

</script>

但这不起作用(它没有将 href 设置为 ID，因此显然没有更改 innerhtml)。

编辑:抱歉我之前没有指定，但 Jquery 是一个选项(我已经在这个环境中调用了库)。因此，如果有一个非常简单的 jquery 解决方案，那将是完美的。

Answer 1

使用querySelector()

var link = document.querySelector( '#sampleID a' );
var linkHref = link.href;

// Change text of link
link.innerText = 'hello';