blocks|key|4019760|text|您需要将脚本包装在分配给onClick()的函数中。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4019761|​|4019762|function+changeText(){
++if+(document.getElementById("morecat").innerHTML+===+'1'){
++++++document.getElementById("morecat").innerHTML+=+'2';
+++}
++else+{
+++++document.getElementById("morecat").innerHTML+=+'1';
++}
}|code-block|syntax|javascript|4019763|<a+id="morecat"+onClick="changeText()"+>1</a>|4019764|4019765|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|O|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|P|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|F|7|Q|8|@]|9|@]|A|$G|H]]|$1|K|3|C|5|6|7|R|8|@]|9|@]|A|$]]|$1|L|3|-4|5|6|7|S|8|@]|9|@]|A|$]]]|M|$]]

<p>You need to wrap your script inside the function you assign to onClick().  </p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>function changeText(){
  if (document.getElementById("morecat").innerHTML === '1'){
      document.getElementById("morecat").innerHTML = '2';
   }
  else {
     document.getElementById("morecat").innerHTML = '1';
  }
}</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;a id="morecat" onClick="changeText()" &gt;1&lt;/a&gt;</code></pre>
</div>
</div>
</p>


blocks|key|4019708|text|您需要将其包装在changeText()方法调用中。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|4019709|​|4019710|function+changeText()+{
++if+(document.getElementById("morecat").innerHTML+===+'1')
++++document.getElementById("morecat").innerHTML+=+'2';
++else+{
++++document.getElementById("morecat").innerHTML+=+'1';
++}
}|code-block|syntax|javascript|4019711|<a+id="morecat"+onClick="changeText()">1</a>|4019712|4019713|entityMap^0|8|C|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|R|8|@$9|S|A|T|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|U|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|V|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|J|7|W|8|@]|D|@]|E|$K|L]]|$1|O|3|G|5|6|7|X|8|@]|D|@]|E|$]]|$1|P|3|-4|5|6|7|Y|8|@]|D|@]|E|$]]]|Q|$]]

<p>You need to wrap it in a <code>changeText()</code> method call. </p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>function changeText() {
  if (document.getElementById("morecat").innerHTML === '1')
    document.getElementById("morecat").innerHTML = '2';
  else {
    document.getElementById("morecat").innerHTML = '1';
  }
}</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;a id="morecat" onClick="changeText()"&gt;1&lt;/a&gt;</code></pre>
</div>
</div>
</p>


blocks|key|1703282|text|您必须在changeText函数中编写如下代码|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1703283|​|1703284|function+changeText(){
++if+(document.getElementById("morecat").innerHTML+===+'1'){
++++++document.getElementById("morecat").innerHTML+=+'2';
+++}
++else+{
+++++document.getElementById("morecat").innerHTML+=+'1';
++}
}|code-block|syntax|javascript|1703285|<a+id="morecat"+onClick="changeText()"+>1</a>|1703286|1703287|entityMap^0|4|A|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|R|8|@$9|S|A|T|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|U|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|V|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|J|7|W|8|@]|D|@]|E|$K|L]]|$1|O|3|G|5|6|7|X|8|@]|D|@]|E|$]]|$1|P|3|-4|5|6|7|Y|8|@]|D|@]|E|$]]]|Q|$]]

<p>You have to write that code inside the <code>changeText</code> function like this </p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>function changeText(){
  if (document.getElementById("morecat").innerHTML === '1'){
      document.getElementById("morecat").innerHTML = '2';
   }
  else {
     document.getElementById("morecat").innerHTML = '1';
  }
}</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;a id="morecat" onClick="changeText()" &gt;1&lt;/a&gt;</code></pre>
</div>
</div>
</p>


blocks|key|4019796|text|它的工作方式应该是：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4019797|2|offset|length|style|CODE|4019798|2+is+|unordered-list-item|4019799|innerHTML+of+<a+id="morecat"+>1</a>是条件显示的字符串：if+(document.getElementById("morecat").innerHTML+===+'1')它将内容设置为字符串2|4019800|2+is+<a+id="morecat"+>1</a>|4019801|4019802|4019803|我添加了一个计时器来“查看”它的变化：|4019804|​|4019805|setTimeout(function(){+
	console.log("morecat+value+is+"+%2B+document.getElementById("morecat").innerHTML);

++if+(document.getElementById("morecat").innerHTML+===+'1'){
++++document.getElementById("morecat").innerHTML+=+'2';
++}
++else+{
+++++document.getElementById("morecat").innerHTML+=+'1';
++++}
+console.log("morecat+value+is+"+%2B+document.getElementById("morecat").innerHTML);
++++
+},+3000);|code-block|syntax|javascript|4019806|<a+id="morecat">1</a>|4019807|4019808|entityMap^0|0|0|1|0|0|1|0|D|M|19|1L|34|1|0|0|1|5|M|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|14|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|15|8|@$D|16|E|17|F|G]]|9|@]|A|$]]|$1|H|3|I|5|J|7|18|8|@$D|19|E|1A|F|G]]|9|@]|A|$]]|$1|K|3|L|5|J|7|1B|8|@$D|1C|E|1D|F|G]|$D|1E|E|1F|F|G]|$D|1G|E|1H|F|G]]|9|@]|A|$]]|$1|M|3|N|5|J|7|1I|8|@$D|1J|E|1K|F|G]|$D|1L|E|1M|F|G]]|9|@]|A|$]]|$1|O|3|-4|5|6|7|1N|8|@]|9|@]|A|$]]|$1|P|3|-4|5|6|7|1O|8|@]|9|@]|A|$]]|$1|Q|3|R|5|6|7|1P|8|@]|9|@]|A|$]]|$1|S|3|T|5|6|7|1Q|8|@]|9|@]|A|$]]|$1|U|3|V|5|W|7|1R|8|@]|9|@]|A|$X|Y]]|$1|Z|3|10|5|W|7|1S|8|@]|9|@]|A|$X|Y]]|$1|11|3|T|5|6|7|1T|8|@]|9|@]|A|$]]|$1|12|3|-4|5|6|7|1U|8|@]|9|@]|A|$]]]|13|$]]

<p>It works as it should:</p>

<ul>
<li>innerHTML of <code>&lt;a id="morecat" &gt;1&lt;/a&gt;</code> is the string <code>1</code></li>
<li>given your condition : <code>if (document.getElementById("morecat").innerHTML === '1')</code> it set the content to the string <code>2</code></li>
<li><code>2</code> is displayed</li>
</ul>

<p>I've added a timer to "see" it change:</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>setTimeout(function(){ 
	console.log("morecat value is " + document.getElementById("morecat").innerHTML);

  if (document.getElementById("morecat").innerHTML === '1'){
    document.getElementById("morecat").innerHTML = '2';
  }
  else {
     document.getElementById("morecat").innerHTML = '1';
    }
 console.log("morecat value is " + document.getElementById("morecat").innerHTML);
    
 }, 3000);</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;a id="morecat"&gt;1&lt;/a&gt;</code></pre>
</div>
</div>
</p>


blocks|key|1453499|text|您必须定义一个名为changeText的函数来用作事件侦听器。此外，您不应该进行不必要的getElementById调用。为了改变一下，您可以使用逻辑短路来代替if+then+else块。要提到的另一件事是检查textContent属性而不是innerHTML属性。例如；|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1453500|​|1453501|function+changeText(){
++var+mc+=+document.getElementById("morecat");
++mc.textContent+===+"1"+&&+(mc.textContent+=+"2");
}|code-block|syntax|javascript|1453502|<a+id="morecat"+onClick="changeText()"+>1</a>|1453503|1453504|entityMap^0|9|A|18|E|28|C|2X|B|3D|9|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|R|8|@$9|S|A|T|B|C]|$9|U|A|V|B|C]|$9|W|A|X|B|C]|$9|Y|A|Z|B|C]|$9|10|A|11|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|12|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|13|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|J|7|14|8|@]|D|@]|E|$K|L]]|$1|O|3|G|5|6|7|15|8|@]|D|@]|E|$]]|$1|P|3|-4|5|6|7|16|8|@]|D|@]|E|$]]]|Q|$]]

<p>You have to define a function named <code>changeText</code> to be used as the event listener. Besides you shouldn't make unnecessary <code>getElementById</code> calls. And for a change you may use a logical short circuit in the place of <code>if then else</code> block. Another thing to mention is to check the <code>textContent</code> property instead of <code>innerHTML</code>. Such as;</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>function changeText(){
  var mc = document.getElementById("morecat");
  mc.textContent === "1" &amp;&amp; (mc.textContent = "2");
}</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;a id="morecat" onClick="changeText()" &gt;1&lt;/a&gt;</code></pre>
</div>
</div>
</p>


<p>I'm trying to get a text link to change when clicking on it.</p>

<p>This is my code</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>if (document.getElementById("morecat").innerHTML === '1')
		document.getElementById("morecat").innerHTML = '2';
        else {
        document.getElementById("morecat").innerHTML = '1';
    }</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;a id="morecat" &gt;1&lt;/a&gt;</code></pre>
</div>
</div>
</p>

<p>However, it's not working, can any of you see the problem?</p>


Why is this .innerHTML script not working?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我正在尝试让一个文本链接在单击时进行更改。这是我的代码​if (document.getElementById("morecat").innerHTML === '1')document.getElementById("morecat").innerHTML = '2';        else {        document.getElementById("morecat").innerHT

问为什么此.innerHTML脚本不起作用？
EN

回答 5

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问为什么此.innerHTML脚本不起作用？EN

回答 5

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问为什么此.innerHTML脚本不起作用？
EN