`
coreoak
  • 浏览: 65279 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

javascript innerText示例

    博客分类：
  • php
JavaScriptHTML 
阅读更多
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>
分享到：
| Spring MVC4
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    javascript innerText和innerHtml应用

    ### JavaScript中innerText与innerHTML的应用详解 在Web开发中，JavaScript是一种非常重要的客户端脚本语言，它可以帮助我们实现页面上的动态效果。在JavaScript中，`innerText`与`innerHTML`是两个非常常用的属性...

    javascript示例

    本文将深入探讨JavaScript示例中的关键知识点，包括字体操作、表单处理和其他常见功能。 一、JavaScript基础 JavaScript的基础知识是理解变量、数据类型、控制流（如条件语句和循环）以及函数。变量用于存储数据，...

    javascript实现日期时间动态显示示例代码

    本文将详细介绍使用JavaScript实现日期时间动态显示的示例代码。通过这个示例，我们可以了解如何在不刷新页面的情况下，让时间显示始终处于更新状态。 首先，我们需要了解页面的构成。在这段代码中，HTML部分定义了...

    innerText 使用示例

    整个示例的核心在于，`innerText`属性被用作桥梁，连接了JavaScript与HTML，使得动态数据（即实时时间）能够无缝地显示在页面上。当`showTime()`函数执行时，它会将新计算出的日期时间字符串赋值给`mytime`元素的`...

    javaScript-DOM用法和示例

    6. **遍历和修改DOM**：可以使用`childNodes`、`parentNode`、`nextSibling`、`previousSibling`等属性遍历DOM树，使用`innerHTML`、`innerText`等属性修改元素内容，使用`appendChild()`、`removeChild()`、`...

    javascript js 对网页提交内容进行 md5加密 示例

    &lt;title&gt;JavaScript MD5加密示例 &lt;script src="md5.js"&gt;&lt;/script&gt; 请输入内容"&gt; ()"&gt;加密并显示 &lt;p id="encryptedResult"&gt;&lt;/p&gt; function encryptAndLog() { const content = document.getElementById(...

    JAVASCRIPT程序设计基础教程课本案例代码

    例如，使用`document.getElementById`或`querySelector`获取元素，`innerHTML`或`innerText`改变元素内容，`appendChild`和`removeChild`调整元素位置。 事件处理是JavaScript与用户交互的关键。常见的事件如点击...

    javascript获取鼠标点击元素对象(示例代码).docx

    console.log(obj.innerText); } ``` 在这段代码中，定义了一个名为`gj`的函数，该函数接收一个参数`event`，代表触发此函数的事件对象。函数内部调用了`document.elementFromPoint()`方法来获取当前鼠标光标所在...

    javascript操作excel生成报表示例_.docx

    在提供的文档示例中，展示了如何使用JavaScript创建一个简单的Excel报表。 首先，这段代码的核心是利用了ActiveXObject，这是一个仅适用于Internet Explorer浏览器的特性，它可以与本地系统上的应用程序进行交互，...

    js中innerHTML与innerText的用法与区别

    ### JavaScript中的innerHTML与innerText的用法与区别 在前端开发中，经常需要用到JavaScript来操作DOM元素，其中`innerHTML`和`innerText`是非常重要的属性，它们分别用于获取或设置元素内部的HTML内容和纯文本...

    JavaScript-JavaScript语法集锦

    console.log('这是一个示例函数'); } ``` - **`isNumeric()` 方法**：检查变量是否为数字类型。 ```javascript function isNumeric(n) { return !isNaN(parseFloat(n)) && isFinite(n); } console.log...

    javascript innerHTML、outerHTML、innerText、outerText的区别

    JavaScript中的innerHTML、outerHTML、innerText和outerText是四个与HTML元素内容操作紧密相关的属性，它们在处理网页元素的文本和HTML结构时具有不同的作用和特点。 1. innerHTML： - innerHTML允许我们获取或...

    innerHTML-outerHTML-innerTEXT.txt

    根据提供的文件信息，我们可以深入探讨三个重要的DOM属性：`innerHTML`、`innerText`以及`...希望这些解释和示例能够帮助你更好地理解和运用 `innerHTML`、`innerText` 以及 `outerHTML` 这些重要的 DOM 属性。

    innerHTML、outerHTML、innerText、outerText的用法与区别

    在示例中，我们可以看到，innerHTML、outerHTML、innerText、outerText的用法和区别。innerHTML和outerHTML用于获取或设置HTML元素的内容，而innerText和outerText用于获取或设置HTML元素的文本内容。 outerHTML比...

    innerhtml用法 innertext用法 以及innerHTML与innertext的区别

    最后，涉及到跨框架的DOM操作，如示例中的`frameset`和`frames`，可以通过`parent.window.frames`来访问并操作其他框架中的元素。例如： ```javascript var frameContent = parent.window.frames[0].document.body....

    107个常用Javascript语句

    ### 107个常用JavaScript语句解析 #### 1. `document.write("")` - **功能**：在页面上写入指定的内容。 - **应用场景**：适用于简单的测试或页面加载时输出信息。 - **示例代码**： ```javascript document....

    Javascript培训资料整理分享：Javascript入门指南

    在此示例中，我们使用`document.body.innerText`来设置文档主体的内容。`document`是浏览器提供的全局对象，用于访问和操作当前页面的DOM。 #### 四、网络请求简介 虽然标签中提到了“网络协议”，但在给定的内容...

    javascript+我的第一个前台页面完全验证

    在这个过程中，`linwb_train2`可能包含了相关的示例代码、练习项目或其他学习资源，你可以参考这些内容进一步加深理解。记住，实践是学习的最佳途径，尝试自己编写验证代码并不断优化，你会逐渐掌握JavaScript前台...

    用javascript地址栏显示源码

    #### 示例代码解析 ```javascript javascript:s=document.documentElement.outerHTML;document.write('&lt;body&gt;&lt;/body&gt;');document.body.innerText=s; ``` 1. **第一步**：`javascript:` 是告诉浏览器这是一个...

    javascript 简体繁体互换

    以上就是使用JavaScript进行简体与繁体中文互换的基本方法，结合A链接和button按钮的示例。在实际应用中，你可能需要根据具体需求进行优化，比如增加错误处理、批量转换、支持用户选择转换方向等。记住，始终确保...

Magicbox
Global site tag (gtag.js) - Google Analytics