javascript innerText示例

最新推荐文章于 2025-03-03 18:57:28 发布

最新推荐文章于 2025-03-03 18:57:28 发布 · 477 阅读

文章标签：

#JavaScript #HTML #ViewUI

php 专栏收录该内容

3 篇文章

订阅专栏

本文提供了一个使用JavaScript实现的简单示例，当用户点击页面上的文本时，文本内容会在预设的两种状态间切换。该示例适用于前端开发者学习JavaScript的基础交互功能。

javascript innderText实例，当用户点击文字时改变显示的文字


  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
  <style>
  body {color: "blue";font-family:"宋体";font-size:"12pt" }
  </style>
  <script  type = "text/javascript">
	function changeText() {
		var text = document.getElementById("CT").innerText;		
		if (text.indexOf("你") > -1){
			CT.innerText = "我很好呀！"
		} else {
			CT.innerText = "你好吗?";
		}
	}
  </script>
 </HEAD>

 <BODY>
  <div>
	<ul>
	<li id = "CT" onclick = "changeText();">你好吗？</li>
	</ul>
  </div>
 </BODY>
</HTML>