javascript - 使用 Javascript 在 -tags 中附加文本

Question

我现在可以通过以下方式插入文本到<div>标记：

<script type="text/javascript">
  function doSomething(){
    var lbl = document.getElementById('messageLabel');
    lbl.innerHTML = "I just did something.";    
  }  
</script>

</head>
<body>
  <div>
  <div id="messageLabel"></div>
  <input type="button" value="Click Me!" onclick="doSomething();" />

  </div>

我的问题：如何将文本附加到链接？

示例不起作用 1和2。

score 3 · Accepted Answer

var anchor = document.getElementById('anchorID');
anchor.innerHTML = anchor.innerHTML + " I just did something.";

应该加上“我刚刚做了点什么”。到您当前的锚文本

score 3 · Accepted Answer

从您在上面发布的示例中，尝试使用下面的代码。我将 div 标签的 id 更改为与您尝试更改的链接不同，并更改了代码以修改锚的 href。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>Javascript Debugging with Firebug</title>
<script type="text/javascript">
  function addLink(){
    var anchor = document.getElementById('link');
    anchor.href += "Dsi7x-A89Mw";
  }  
</script>

</head>
<body>
  <div>
  <div id="linkdiv"></div>
  <input type="button" value="Click Me!" onclick="addLink();" />

  <a id="link" href="http://www.youtube.com/watch?v=">Click here</a>
  </div>
</body>
</html>

score 2 · Accepted Answer

innerText 或 textContent 可用于访问标签的文本：

var anchor = document.getElementById('something');
anchor.innerText += "some text";    

var anchor = document.getElementById('something');
anchor.textContent += "some text";

然而，这些不是跨浏览器的，所以你最好使用innerHTML：

var anchor = document.getElementById('something');
anchor.innerHTML += "some text";

看到这个：

http://www.quirksmode.org/dom/w3c_html.html

javascript - 使用 Javascript 在 -tags 中附加文本

3 回答 3

Related

Reference