innerHTML、outerHTML和innerText、outerText是设置或获取标记内的内容，它们的不同是：①innerHTML和innerText不包括标记本身，outerHTML和outerText包括标记本身；②innerHTML，outerHTML呈现的是经HTML引擎解析后的文本，屏幕显示的是HTML标记的表现效果；innerText，outerText属性的值是作为普通文本呈现的，即使它含有HTML标签也如实反映出来。
假定有个小型花店提供了10多种鲜花供客户选择订购。我们事先不知道客户要订多少种和每种的数量。程序“E33.htm”是一种实现：当用户单击选中的花卉，执行JS函数Or-der（F），屏幕上增加一行显示选中的花名和一文本行供用户输入订购的数量。语句：
中的“DIV2.innerHTML”是获得标记＜divid=＂DIV2＂＞＜/div＞中已有的HTML文档，“＂＜divid=D＂+count+＂＞＂+v1+v2+v3+v4+v5+v6+v7+＂＜/div＞＂”是生成新选花卉的HTML文本，即保留已选中的花又加上新选的花卉；语句：
表示用s1的值替换标记＜divid=＂DIV2＂＞＜/div＞中已有的内容。
使用“记事本”输入“E_33.htm”程序并存放在应用目录“webapps/ROOT”下的“E33”目录中。在浏览器地址栏中输入：http：//192.168.2.1：8080/E33/E_33.htm，则浏览器窗口显示如图3-25所示。(www.chuimin.cn)
E_33.htm：
图3-25 使用innerHTML和outerHTML属性增加、删除HTML文档内容
HTML标记＜div＞和＜span＞的文档对象都有属性：innerHTML，它的作用是设置或返回标记的开始到标记的结束包裹的字符但不包括标记本身，我们经常用此属性动态改变HT-ML标记＜div＞和＜span＞包裹的内容。人员信息显示要求按科室进行。有关JSP程序将在第4章中介绍。“E_30_2.jsp”只是模拟显示了单位的人员信息，实际应该是根据处、科名去数据库中读取相关的人员信息，JSP程序如何存取数据库也在第4章中介绍。E_30.htm：＜html＞E_E_30_l.htm：E_30_2.jsp：图3-22 使用innerHTML属性修改HTML文档内容......
2023-11-19
E_DOM_1.htm是一个增加、删除文件附件的程序，演示了JavaScript如何使用DOM编程接口中的相关属性和方法在HT-ML文档中生成、加入、删除结点。使用“记事本”输入“E_DOM_1.htm”程序并存放在应用目录“webapps/ROOT”下的“E26”目录中。图3-18 使用DOM的结点对象增加、删除HTML标记E_DOM_1.htm：......
2023-11-19
对innerHTML、outerHTML和innerText、outerText属性的赋值操作只是替换原对象的文本内容，想要在页面中指定标记的相关位置新增文本内容，需采用insertAdjacentHTML和in-sertAdjacentText方法。InsertAdjacentHTML插入的是HTML文本，insertAdjacentText插入的是纯文本。格式如下：其中docObject是文档对象；sWhere表示插入的文本；sText相对于html标记的位置，有下面4个预设值：beforeBegin：在docObject对象标记的开始位置之前插入文本sText。E_34.htm：图3-26 使用insertAdjacentHTML方法在HTML标记内增加内容......
2023-11-19
2）若要将数据添加到由相邻单元格数据创建的嵌入图表中，请使用工作表上数据周围有颜色标记的区域。在选定柄上按住鼠标左键，拖动鼠标至要添加数据的单元格。3）利用鼠标拖动向图表中添加数据，具体操作步骤如下：拖动鼠标选中包含要添加数据的单元格，将鼠标指向选定区域的边框。删除图表中的数据系列的具体操作方法如下：方法1单击要删除的数据系列。......
2023-11-02
doctype声明不属于HTML标签；它是一条指令，告诉浏览器编写页面所用的标记的版本。在所有HTML文档中，规定doctype是非常重要的，这样浏览器就能了解预期的文档类型。HTML 4.01中的doctype需要对DTD进行引用，因为HTML 4.01基于SGML。GBK是GB2312的扩展版本。maximum-scale：最大缩放比例，取值范围为0～10.0。......
2023-10-28
分别用四种方法关闭上题中打开的几个窗口。⑥将D盘上以自己学号命名的文件夹复制到桌面上，再将桌面上自己学号为名的文件夹改名为“实验题目四”。⑦删除桌面上的“实验题目四”文件夹，并在“回收站”中恢复该文件夹。⑧彻底删除本次实验中创建的所有文件、文件夹及桌面的快捷方式。查找昨天输入Word文档的存储位置，文件名中包含“计划”二字，找到并打开该文档。显示隐藏文件和文件的扩展名。......
2023-11-19
图3-10 莫高股份（Ⅱ）该股当天是以涨停的形式向上启动的，在这种情况下投资者就要注意其中的细节，即注意观察当天的成交量是在哪个位置释放出来的，这一细节相当重要，同样是放量，倘若在不同的阶段释放出来的，所带来的结果就完全不一样。......
2023-08-03
图7.3-6 程序复制选择软功能键3）按软功能键〖选择〗，光标定位点将被指定为程序复制的起始点。图7.3-7 程序复制软功能键5）按软功能键〖复制〗，被选定程序段将被复制到CNC的粘贴板上。3）按软功能键〖一览〗显示加工程序一览表。......
2023-06-25
相关推荐