在javascript中替换文本

时间:2015-11-19 17:02:09

标签: javascript html

单击按钮时,我需要用DR Smith替换span标签中的Name。我应该使用带有两个参数的replace(tag,value)函数来完成它。我该怎么办,请帮忙。我写了一段代码,但它不会工作。

<html>
<head>
<script src="q1.js" type="text/javascript"> </script>
</head>
<body>
Dear <span id="salutation">Name</span>;
<p>
It has come to our attention that your invoice 
</p>
<button onclick="format()">Format</button>

</body>
</html>

js code

function format(){

    var x = document.getElementsById('salutation')
     x.innerhtml = "Dr Smith";
}

2 个答案:

答案 0 :(得分:1)

document.getElementsById('salutation'),它是getElementById和  x.innerhtml = "Dr Smith";innerHTML

   function format(){

          var x = document.getElementById('salutation');
          x.innerHTML = "Dr Smith";
    }

答案 1 :(得分:0)

您的功能名称需要稍作修改。

使用document.getElementById(),而不是document.getElementsById()。 (单数,不是复数)。

还记得JS区分大小写。使用.innerHTML =,而不是.innerhtml =

现在您需要做的就是使用两个参数定义您的函数:function(tagId,tagText),然后从按钮OnClick()事件中调用它。

这是一个有效的例子:

&#13;
&#13;
function format(tagId, tagText) {
    document.getElementById(tagId).innerHTML = tagText;
}
&#13;
Dear <span id="salutation">Name</span>;
<p>It has come to our attention that your invoice</p>
<button onclick="format('salutation','Dr Smith')">Format</button>
&#13;
&#13;
&#13;