Добавление текста в тегах <a>с использованием Javascript - PullRequest
Новая
       9

Добавление текста в тегах <a>с использованием Javascript

1 голос
/ 20 июля 2009

Теперь я могу вставить текст в тег <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 .

Ответы [ 3 ]

3 голосов
/ 20 июля 2009 
var anchor = document.getElementById('anchorID');
anchor.innerHTML = anchor.innerHTML + " I just did something.";

Должен добавить "Я только что что-то сделал". к вашему текущему якорному тексту

3 голосов
/ 20 июля 2009

В приведенном выше примере попробуйте использовать приведенный ниже код. Я изменил идентификатор тега div, чтобы он отличался от ссылки, которую вы пытаетесь изменить, и изменил код, чтобы изменить ссылку на ссылку. 

<!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>
2 голосов
/ 20 июля 2009

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

...