一:动态改变文本和Html
innerText属性用来定义对象所要输出的文本,在本例中innerText把对象DT中的文本“您好吗?”变成了“我很好!”(语句DT.innerText="我很好!")。而对对象DH的改变用了innerHTML属性,它除了有innerText的作用外,还可改变对象DH内部的HTML语句,于是它把文本变成了“我姓肖!”,而且文本输出改成了斜体(
)并下加一条直线(
),即语句DH.innerHTML="
我姓肖!"。outerText和outerHTML也具有类似的作用,读者不妨自己试试看。
二:文本的动态输入与输出
此例的效果是先在文本框中输入文本,然后按“输出文本”的按钮,接着网页便会自动输出您所输入的文本
三:注意innerHTML有自动检查语法的功能,它会把不完整的HTML代码补充完整,这点可以说是神奇,例如下面的这段脚本
运行的效果竟然是这样的:
如图:
所以请各位在使用时一定要小心.
例如在做这样的操作时就会出错.
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标准的示例: 无HTML,符合W3C标准
|
|
|
Stellungnahme:Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn