прилагая текст в <a> -tags с Javascript

I теперь, когда я могу вставить текст в <div> теге по:прилагая текст в <a> -tags с Javascript

<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.

источник

2009-07-20 Léo Léopold Hertz 준영

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

источник

2009-07-20 10:03:14 tschaible

действительно классный, но он добавляет «Dsi7x-A89Mw» в конец «Нажмите здесь», а не «http://www.youtube.com/watch?v=». –

В этом случае вы хотите использовать anchor.href ... я внесла поправки в свой ответ. – tschaible

Отлично! Большое спасибо :) Решено. –

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

источник

2009-07-20 09:34:17 karim79

Он не будет добавлять, а скорее заменяет текст. –

Спасибо @Artem, добавлено '+' – karim79

innerText не поддерживается всеми браузерами. –

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

Должен добавить «Я только что-то сделал». на ваш текущий текст привязки

источник

2009-07-20 09:38:02 AutomatedTester

Я что-то не понял? Это не работает: http://pastebin.com/m7f634ebe –

В примере, который вы опубликовали, есть два элемента с одним и тем же идентификатором. id должен быть уникальным на странице, попробуйте использовать другой идентификатор для вашего элемента. – tschaible

прилагая текст в <a> -tags с Javascript

ответ

Смежные вопросы