2015-11-19 71 views
-1

当按钮被点击时,我需要用DR Smith替换范围标签中的名称。我应该使用带有两个参数的替换(标记,值)函数来完成它。我该怎么做,请帮忙。我写了一段代码,但它不会工作。替换javascript中的文本

<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代码

function format(){ 

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

'getElementsById' - >'getElementById','innerhtml' - >'innerHTML','格式()' - >'替换( )'(尽管你还没有使用参数) –

+0

'format()'函数在哪里 – Ramanlfc

+0

我改变了它,但它仍然不会工作 – NewProgrammer7

回答

0

您的函数名称需要稍作修改。使用document.getElementById(),而不是document.getElementsById()。 (单数,不是复数)。

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

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

这里是一个工作示例:

function format(tagId, tagText) { 
 
    document.getElementById(tagId).innerHTML = tagText; 
 
}
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>

1

document.getElementsById('salutation'),这是getElementByIdx.innerhtml = "Dr Smith";,这是innerHTML

function format(){ 

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