`

innerHTML和innerText

javascript 
阅读更多 

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ page import="java.sql.*,com.abin.db.connection.*" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
        <title>starting page</title>
  </head>
<script language="javascript" type="text/javascript">
function abin(){
	sp.innerHTML="abin is strong";
}
function abing(){
	sp2.innerHTML="abin is a good boy";
}
function bing(){
	/***innerText只支持IE??**/
	sp3.innerText="only using for ie";
}

</script>
  <body >
    <div class="nav">
 		<div id="test">
		   <span style="color:red"  id="sp" ></span>
		   <br/>
		   <input type="button"  onclick="abin();" value="click"/>
		</div>
		<div class="nav">
			<span id="sp2" style="color:blue"></span>
			<br/>
			<input type="button" onclick="abing();" value="mouse" />
		</div>
		<div class="" id="ie8">
			<span id="sp3" style="color:green" onclick="bing();"></span>
			<br/>
			<input type="button" onclick="bing();" value="ie"/>
		</div>
    </div>
  </body>
</html>
分享到：
| Js 验证表单
评论
发表评论

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

相关推荐

    innerHTML和innerText的区别

    在 JavaScript 中，innerHTML 和 innerText 是两个常用的属性，它们用于获取 HTML 元素中的内容。虽然它们都是用于获取内容的，但它们在获取内容的方式和结果上有所不同。 innerHTML 属性 innerHTML 属性用于获取 ...

    InnerHtml和InnerText的区别分析

    在编程领域，尤其是在Web开发中，常常会遇到与HTML元素操作相关的属性，其中`InnerHtml`和`InnerText`是两种常见的属性，它们在处理网页内容时有着不同的行为和用途。本文将深入探讨这两个属性的区别，并提供详尽的...

    html innerHTML outerHTML innerText outerText等的区别及实例汇总

    html js innerHTML outerHTML innerText outerText 等的区别及实例汇总

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

    上例中的test[removed]的值也就是“&lt;span xss=removed&gt;test1&lt;/span&gt; test2 ”。... test.outerHTML: 除了包含innerHTML的全部内容外, 还包含对象标签本身。 上例中的text.outerHTML的值也就是&lt;div i

    js中innerHTML与innerText的用法与区别

    ### JavaScript中的innerHTML与innerText的用法与区别 ...通过以上介绍，我们可以看出`innerHTML`和`innerText`各有优势，适用于不同的场景。在实际开发中，根据具体需求选择合适的属性是非常重要的。

    JavaScript中innerHTML，innerText，outerHTML的用法及区别

    在javascript中如果我们要获取对象内容，js为我们提供了三种方法outerhtml、innerhtml和innertext,但他们之间具体怎么使用与具体的区别在哪里，可能很多人不知道吧，接下来跟着小编一起来学习innerHTML，innerText，...

    javascript innerHTML、outerHTML、innerText、outerText的区别

    JavaScript中的innerHTML、outerHTML、innerText和outerText是四个用于操作HTML元素内容的属性，它们各自有不同的功能和用途。 1. innerHTML： - innerHTML允许我们获取或设置一个元素内部的HTML内容。当我们设置...

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

    在实际开发中，innerHTML和outerHTML经常用于动态生成HTML内容，而innerText和outerText则用于获取或设置HTML元素的文本内容。 特别需要注意的是，innerText只适用于IE浏览器，而innerHTML则是W3C标准属性，因此，...

    innerHTML-outerHTML-innerTEXT.txt

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

    javascript初级代码学习.zip

    002-DOM编程-innerHTML和innerText操作div和span 003-DOM编程-关于正则表达式 004-去除字符串的前后空白trim 005-表单验证 006-复选框的全选和取消全选 007-获取下拉列表选中项的value 008-显示网页时钟 009-内置...

    JavaScript 50道面试题及答案.docx

    innerHTML 和 innerText 的区别 innerHTML 属性返回从对象的起始位置到终止位置的全部内容，包括 Html 标签。innerText 属性返回从起始位置到终止位置的内容，但它去除 Html 标签。 window 对象的属性成员 window...

    javascript给span标签赋值的方法

    通过原生JavaScript给span标签赋值主要有两种方式，分别是使用innerHTML和innerText属性。 1. 使用innerHTML属性 innerHTML属性用于获取或设置位于对象起始和结束标签内的HTML。这个属性可以用来插入HTML标记到元素...

    JavaScriptr热门面试题及详细解析

    JavaScript 语言中可以使用 innerHTML 和 innerText 属性来操作 DOM 对象。innerHTML 属性可以获取或设置对象的全部内容，包括 Html 标签。innerText 属性可以获取或设置对象的内容，但去除 Html 标签。开发者也可以...

    javascript写的windows资源管理器

    这里需要说明的是很少用到了innerHTML和innerTEXT两个方法，这是微软提供的专利方法，还没有得到W3C的认可， 在别的浏览器里面这两个方法不一定会被支持。 所以很多地方是用了DOM的方式进行处理。 首次的功能有： 1....

    详谈innerHTML innerText的使用和区别

    document对象中有innerHTML、outerHTML、innerText和outerText四个属性，它们之间的区别和使用方法是开发者必须掌握的知识。 首先，让我们来了解innerHTML和outerHTML这两个属性。innerHTML设置或获取标签所包含的...

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