zoukankan      html  css  js  c++  java
  • Text类型

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="UTF-8">
    		<title>Text类型(创建文本节点,规范化文本节点,分割文本节点)</title>
    	</head>
    	<body>
    		<div id="myDiv" class="bd" title="Body text" lang="en">v</div>
    	</body>
    	<script>
    		/*
    		 nodeType的值为3;
    		 nodeName的值为"#text";
    		 nodeValue的值为节点所包含的文本;
    		 parentNode是一个Element;
    		 不支持(没有)子节点。
    		 * */
    		/*
    		 appendData(text):将text添加到节点的末尾。
    		 deleteData(offset, count):从offset指定的位置开始删除count个字符.
    		 insertData(offset, text):在offset指定的位置插入text。
    		 replaceData(offset, count, text):用text替换从offset指定的位置开始到offset+ count为止处的文本。
    		 splitText(offset):从offset指定的位置将当前文本节点分成两个文本节点。
    		 substringData(offset, count):提取从offset指定的位置开始到offset+count为止处的字符串。
    		 除了这些方法之外,文本节点还有一个length属性,保存着节点中字符的数目。而且,nodeValue.length和data.length中也保存着同样的值。
    		 在默认情况下,每个可以包含内容的元素最多只能有一个文本节点.
    		 * */
    		
    		 var textNode = document.createTextNode("Helloworld!");
    		 document.getElementById('myDiv').appendChild(textNode)
    		 
    		 /*
    		 创建文本节点
    		 document.createTextNode()创建新文本节点
    		 在创建新文本节点的同时,也会为其设置ownerDocument属性。不过,除非把新节点添加到文档树中已经存在的节点中,否则我们不会在浏览器窗口中看到新节点。
    		 * */
    		/*规范化文本节点
    		 DOM 文档中出现相邻文本节点的情况也不在少数,于是就催生了一个能够将相邻文本节点合并的方法。这个方法是由 Node 类型定义的(因而在所有节点类型中都存在);
    		 名叫 normalize()。如果在一个包含两个或多个文本节点的父元素上调用 normalize()方法,则会将所有文本节点合并成一个节点,结果节点的 nodeValue
    		 等于将合并前每个文本节点的 nodeValue 值拼接起来的值。浏览器在解析文档时永远不会创建相邻的文本节点。这种情况只会作为执行 DOM 操作的结果出现。
    		 * */
    		
    		/*分割文本节点
    		 Text 类型提供了一个作用与 normalize()相反的方法:splitText()。这个方法会将一个文本节点分成两个文本节点,
    		 即按照指定的位置分割 nodeValue 值。原来的文本节点将包含从开始到指定位置之前的内容,新文本节点将包含剩下的文本。
    		 这个方法会返回一个新文本节点,该节点与原节点的parentNode 相同。
    		 
    		 * */
    	</script>
    </html>
    
  • 相关阅读:
    自定义View的ToolBar布局报错Error:(2) No resource identifier found for attribute 'context' in package 'c
    在学git之主分支 branch
    获取发布版SHA1
    关于开启线程与UI的操作
    播放音频和视频(VideoView控件)
    通知栏Notification的应用
    Android 真机调式 Installation failed with message 远程主机强迫关闭了一个现有的连接。. It is possible that this issue is resolved by uninstalling an existing version of the apk if it is present, and then re-installing. WA
    运行程序申请危险权限
    mysql乐观锁总结和实践
    Nginx配置文件nginx.conf中文详解
  • 原文地址:https://www.cnblogs.com/gaoxuerong123/p/7803668.html
Copyright © 2011-2022 走看看