Question

如果点击链接，我试图更改一行文字，但它似乎没有调用我的脚本来更改它。

<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

先生，您必须设置＆＃34; newValue＆＃34;的值。引用。

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

Answer 2

您错过了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>

Answer 3

你想要完成的事情可能是这样的：

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

通过调用javascript更改文本

3 个答案: