注册本站  论坛  繁體中文

电脑技巧
手机 | MP3 | MP4 | 显卡 | 主板 | 显示器 | 光存储 | 笔记本 | 网络设备 | 移动存储 | 数码相机
键鼠 | CPU | 音箱 | GPS | 电视 | 服务器 | 投影机 | 机箱电源 | 品牌电脑 | 办公打印 |
| 网站首页 | Cisco | Windows | Linux | Java | Dotnet | Oracle | 网页设计 | 平面设计 | 安全 | 软件应用 | 电脑维修 | 办公维修 |
您现在的位置: 电脑技巧 >> 网页设计 >> Javascript >> 网页设计正文

innerHTML,outerHTML,innerText,outerText

文章来源:网页教学网 作者:佚名 更新时间:2008-2-13 19:32:25 【 】 【加入收藏
innerHTML,outerHTML innerHTML检索或设置标签内的内容;
outerHTML检索或设置整个标签的内容(包含标签)。

两个alert输出的结果分别是:
innerHTML:


outerHTML:


innerText,outText输出标签内部的文本信息
上面两个Text按扭输出同样的内容:
Original Text
但是注意的是,赋值时,outerText会连带标签一起替换成目标文本,innerText只替换原来的文本。

点inner change后,点innerHTML输出结果为:
<SPAN ID="oSpan">changed</SPAN>
点outer change后,点innerHTML输出结果为:
changed

自己用代码来体会一下
HTML 代码片段如下:


  • 上一篇网页设计:

  • 下一篇网页设计:
  • 最 新 热 门
     符合web标准的网页中调用Flash的方法
     网页设计中空格的宽度的说明
     网页中插入透明Flash的方法和技巧
     FireFox支持innerText
     innerHTML,outerHTML,innerText,outerText
     区分IE6,IE7和firefox的CSS hack
     CSS教程:学习CSS的继承性
     Swf2Gif快速将flash动画变成GIF格式
     Flash制作动画时的一些常用命令
     如何把fla文件输出成和swf一样的gif文件
    最 新 推 荐
     FireFox支持innerText
     innerHTML,outerHTML,innerText,outerText
     IE和Firefox的兼容性问题
     JavaScript代码规范
     Javascript的一些属性讲解
     Javascript文档对象模型(DOM)实例分析
     javaScript DOM方法与属性摘要
     文档对象模型(DOM)的基本方法
     Javascript在IE与firefox中表现的异同
     文档对象模型(DOM)的技巧和诀窍
    相 关 文 章

    FireFox支持innerText
    设计中碰到隐藏文字 出现虚线框outline
    CSS控制输入框input悬停交互样式
    仿windows选项卡效果连载3
    仿windows选项卡效果连载2
    仿windows选项卡效果连载1
    HTML表单标记教程(3):输入标记<INPUT>
    CSS教程:text-indent隐藏文字出现虚线框out…
    JavaScript静态页面值传递:Window.open篇
    Opera下cloneNode的bug

    | 设为首页 | 加入收藏 | 联系站长 | 友情链接 | 版权申明 | 网站公告

     

    Copyright 2006-2008 pcjx.com All Rights Reserved
    电脑技巧 版权所有 粤ICP备06059145号 地图
    本网站所有内容未经许可不得转载或做其他使用