首页 > 编程语言 >JavaScript学习笔记—DOM之文本节点

JavaScript学习笔记—DOM之文本节点

时间:2023-01-30 17:57:03浏览次数:44  
标签:JavaScript DOM 元素 element 获取 文本 节点

在DOM中,文本内容也是一个节点对象(Text),可以通过获取文本对象然后完成对它的各种操作,但这种做法会使得事情变得复杂,并不建议这么做。在大部分场景下,可以通过元素的属性来操作其中的文本内容
假设我们已经获取到了div的元素节点对象,我们可以通过以下的属性来完成对文本的操作:

  • element.textContent:获取或修改元素中的文本内容,获取的是标签中的内容,不会考虑css样式
  • element.innerText:获取或修改元素中的文本内容,当字符串中有标签时,会自动对标签进行转义,如:<li> --> &lt;li&gt;
  • element.innerHTML:获取或修改元素中的html代码,可以直接向元素中添加html代码,innerHTML插入内容时,有被xss注入的风险

标签:JavaScript,DOM,元素,element,获取,文本,节点
From: https://www.cnblogs.com/zibocoder/p/17076831.html

相关文章

  • Math.random()的安全风险
    Math.random()函数返回一个0~1之间的伪随机浮点数,其在V8中的实现原理是这样的:为了保证足够的性能,Math.random()随机数并不是实时生成的,而是直接生成一组随机数(64个),并放在......
  • 设备树中节点设置status = "disabled"后不匹配驱动原因分析
    参考:https://z.itpub.net/article/detail/B6989B3B5DE25C01FEE3CD122EBA0829https://blog.csdn.net/weixin_43512663/article/details/118511195 自己写的platform_d......
  • Yarn平滑下线节点(Graceful Decommission)
    一、背景二、概述三、下线流程与原理1.读取待下线节点列表2.判断节点下线模式3.设置超时时间4.RMNode处理下线事件5.监控节点的状态、下线节点四、相关的Yarn......
  • JavaScript 前端大文件上传
    ​对于大文件的处理,无论是用户端还是服务端,如果一次性进行读取发送、接收都是不可取,很容易导致内存问题。所以对于大文件上传,采用切块分段上传,从上传的效率来看,利用多线程......
  • javascript基础
    一。JavaScript使用场景1.改变内容getElementById()是多个JavaScriptHTML方法之一,使用该方法查找元素ID,并且可以使用(innerHTML)属性改变元素的内容2.改变HTML属性......
  • Learning JavaScript Async Await In Depth All In One
    LearningJavaScriptAsyncAwaitInDepthAllInOne深入学习AsyncAwaitconsturl=`https://cdn.xgqfrms.xyz/json/cats.json`;constgetJSON=async(url)......
  • JavaScript速成笔记
    JavaScript 不推荐内联第一段JavaScript:<!DOCTYPEhtml><html><body><h2>我的第一段JavaScript</h2><buttontype="button"onclick="document.getElementByI......
  • JavaScript中的3个关系, 2个函数
    三个属性构造函数的prototype原型对象的constructor实例的__proto__首先每个构造函数都具有一个原型对象,每个原型对象同时有一个constructor指向构造函数//一个......
  • 完整的合并有序链表(包括节点定义 生成链表 合并)
    1.定义节点publicclassListNode{intval;ListNodenext;publicListNode(){}publicListNode(intval){this.val=val;......
  • JavaScript学习笔记—DOM之元素节点
    元素节点对象(element)在网页中,每一个标签都是一个元素节点如何获取元素节点对象?通过document对象来获取元素节点通过document对象来创建元素节点通过document来获......