Изменение текста путем вызова javascript

Question

im пытается изменить строку текста при нажатии ссылки, однако, похоже, он не вызывает мой скрипт, чтобы изменить его.

<script > 
     var paragraphToChange = document.getElementById("q1"); 
     paragraphToChange.innerHTML ="Quotation is by:" + <a href="http://www.quotationspage.com/quote/1463.html">Antole France</a> 

</script> 


<div id="body"> 
     <p>javascript.html - JavaScript page</p> 
     <a href id="q1">Quotaion is by:</a> 
</div> 

Answer 1

То, что вы пытаетесь сделать, вероятно, что-то вроде этого:

HTML

<div id="q1"> 
<a onClick="javascript:clickFunction()">Quotation is by</a> 
</div> 

JavaScript

clickFunction = function() { 
    document.getElementById("q1").innerHTML = "<a href='http://www.quotationspage.com/quote/1463.html'>Antole France</a>"; 
} 

JSFiddle

Answer 2

Сэр, вы должны установить значение «newValue» в цитате.

var newValue = '"Quotation is by:" + <a href="http://www.quotationspage.com/quote/1463.html">Antole France</a>' 
    paragraphToChange.innerHTML = newValue; 

Answer 3

Вам не хватает события click в теге Html. Следовательно, этот paragraphToChange.innerHTML ="Quotation is by:" + <a href="http://www.quotationspage.com/quote/1463.html">Antole France</a>" никогда не получает вызов.

Почему бы не начать с этого примера первый:

<p id="display"></p> 

<button onclick="displayBob">Bob</button> 
<button onclick="displayTom">Tom</button> 

<script> 
displayBob = function() 
{ 
document.getElementById("display").innerHTML = "Hello Bob"; 
} 

displayTom = function() 
{ 
document.getElementById("display").innerHTML = "Hello Tom"; 
} 
</script>