我们常常需要使用另外一些对象的属性来实现动态改变其中的文本,它们就是:innerText ,outerText,innerHTML ,outerHTML,千万要注意它们的大小写,因为错一点您就得不到预期的效果了。
一:动态改变文本和Html
请点击下边的文字.....
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行] innerText属性用来定义对象所要输出的文本,在本例中innerText把对象DT中的文本“您好吗?”变成了“我很好!”(语句DT.innerText="我很好!")。而对对象DH的改变用了innerHTML属性,它除了有innerText的作用外,还可改变对象DH内部的HTML语句,于是它把文本变成了“我姓肖!”,而且文本输出改成了斜体( )并下加一条直线( ),即语句DH.innerHTML="我姓肖! "。outerText和outerHTML也具有类似的作用,读者不妨自己试试看。
二:文本的动态输入与输出
请输入文本框中输入文字:
在此输出文本:
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行] 此例的效果是先在文本框中输入文本,然后按“输出文本”的按钮,接着网页便会自动输出您所输入的文本 三:注意innerHTML有自动检查语法的功能,它会把不完整的HTML代码补充完整,这点可以说是神奇 ,例如下面的这段脚本
请点我啦!!!
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行] 运行的效果竟然是这样的:
如图:
所以请各位在使用时一定要小心. 例如在做这样的操作时就会出错.复制代码 代码如下: list.innerHTML="
"; list.innerHTML+="
"
必须用一个中间变量 Html代码 复制代码 代码如下: var html="
"; html+="
"; list.innerHTML=html; var html="
"; html+="
"; list.innerHTML=html;
这样问题就可以得到解决. 另外: innerText在火狐下是不支持的,在网上有这种有人这么做 innerHTML是符合W3C标准的属性,而innerText只适用于IE浏览器,因此,尽可能地去使用 innerHTML,而少用innerText,如果要输出不含HTML标签的内容,可以使用innerHTML取得包含HTML标签的内容后,再用正则表达式去除HTML标签,下面是一个简单的符合W3C标准的示例: /gim,''))">无HTML,符合W3C标准
以上就是innerText innerHTML的用法 以及注意事项 [推荐 ]的详细内容,更多请关注本站其它相关文章!
《innerText innerHTML的用法以及注意事项 [推荐].doc》
下载本文的Word格式文档,以方便收藏与打印。
SqlParameter的作用与用法
有时候为图方便,会直接用sqlhelper文件进行相关操作,会出现如下的类:
public static object ExecuteScalar(string sqlStr, params SqlParameter[] parameters)
{
using (SqlConnection c...
2023-08-01编程代码 sqlparameter ,作用 ,用法
C++中this指针的用法详解
转自 http://blog.chinaunix.net/uid-21411227-id-1826942.html
1. this指针的用处:
一个对象的this指针并不是对象本身的一部分,不会影响sizeof(对象)的结果。this作用域是在类内部,当在类的非静态成...
2023-08-01编程代码 指针 ,用法 ,详解
c++中this指针的用法
1. this指针的用处:
一个对象的this指针并不是对象本身的一部分,不会影响sizeof(对象)的结果。this作用域是在类内部,当在类的非静态成员函数中访问类的非静态成员的时候,编译器会自动将对象本身的地址作为...
2023-08-01编程代码 指针 ,用法
linux 中解析命令行参数(getopt_long用法)
linux 中解析命令行参数(getopt_long用法)
http://www.educity.cn/linux/518242.html
详细解析命令行的getopt_long()函数
http://www.codeweblog.com/%E8%AF%A6%E7%BB%86%E8%A7%A3%E6%9E%90%E5%91%BD%E4%BB%...
2023-08-01编程代码 命令行 ,用法 ,解析
Random库用法详解
梅森旋转算法实现
基本随机数函数
seed(a=None):
初始化给定的随机数种子,默认为当前系统时间。
只要随机数种子相同,产生的随机数序列也相同。
random():
生成一个[0.0,1.0]之间的随机小数。
小提示:
如果给定...
2023-07-31编程代码 random ,用法 ,详解