Question

我正在开设一个网页，我想在用户点击链接时更改某个区域中的文字。以下是我想用js函数更改的文本部分的代码。

<div id="banner_left">

   <h2 id="tagmain">This is a title area for the text below - I would like to change this and the below text </h2>
   <p id="tagtext">This is the main text area that I would like to change dynamically when a link is clicked.</p>
   <div class="cleaner_h20"></div>
   <div class="button_01"><a href="#">More</a></div>

</div>

这是链接的代码

<div class="banner_button">
   <a id="support" href="#" onclick="javascript:changeText(args)>Support</a>
</div>

这是功能代码

<script language="javascript" type="text/javascript">
  function changeText(idElement) {
    if(idElement==1){
     document.getElementById.('tagmain').innerHTML ='New title to display';
     document.getElementById.('tagtext').innerHTML ='New text to display.';}
    return false;
 }</script>

功能代码最终会有额外的测试条件，但我想先让一个工作。我不太确定我哪里出错，因为Java，而不是Javascript，是我的主要语言。任何帮助都是极好的。我只想更改内容，例如，当用户点击CSS“按钮”/链接获取支持，而不是更改页面时，我想更改网站正文中的文本。目前它似乎没有做任何事情。提前致谢。希望我在这一点上不会厚重：）

Answer 1

.

之后无需getElementById

<script language="javascript" type="text/javascript">
 function changeText(idElement) {
    if(idElement==1){
        document.getElementById('tagmain').innerHTML ='New title to display';
        document.getElementById('tagtext').innerHTML ='New text to display.'; // removed extra }
        return false;
    }
 }
 </script>

HTML更改

<div class="banner_button">
   <a id="support" href="#" onclick="javascript:changeText(1); return false;">Support</a>
</div>

或者您可以使用jQuery设置html

<script language="javascript" type="text/javascript">
 function changeText(idElement) {
    if(idElement==1){
        $('#tagmain').html('New title to display');
        $('#tagtext').html('New text to display.');
        return false;
    }
 }
 </script>

Answer 2

<a id="support" href="#" onclick="javascript:changeText(args)">Support</a>

...我想你错过了一句话。

Javascript函数更改内容onclick

2 个答案: