整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
边学习javascript一边跟大家分享成果，喜欢就关注我吧，大家一起学习！
今天分享常用的节点的类型
常用的节点类型分别有：元素节点、属性节点、文本节点
1、元素节点
源码
运行结果
常用类型对照：返回值1 表示元素节点
返回值2 表示属性节点
返回值3 表示文本节点
这几个为比较常用的
结果解释：输出1表示的是该节点为元素节点，输出p表示该元素为p标签，第三个下面会有讲到
2属性节点
源码
运行结果
结果解读：输出2表示是属性节点，输出“name”表示的是属性的名字，输出“hello”表示的是属性的值
3文本节点
源码
运行结果
结果解读：输出3表示的是文本节点，输出text表示的是类型，最后一个就是文本节点的内容。
4改变文本节点的内容
方法一：
运行结果
方法二：
运行结果
以上两种方法均可动态改变显示的内容，但是不改变html本来的内容
还有许多方法如：document.write,appendChild(用来追加到文档的)
javascript学习结果分享给大家，如有错误欢迎指正，大家喜欢欢迎转发收藏，欢迎大家一起在评论区交流
在HTML文档中，文本节点是一种特殊的dom节点，它包含文本内容，没有任何标记或属性。
<p>这是一段文本节点</p>
在上面的代码中，<p>元素包含了文本内容"这是一段文本节点"，这段文本就是文本节点。
JavaScript中提供了多种方法修改文本节点的内容，其中最常用的方法是使用textContent和innerText。
textContent返回一个元素的所有子节点的文本内容，包括隐藏的元素，而 innerText只返回可视元素的文本内容。
const myTextElement=document.querySelector('p'); // 获取元素节点
// 修改文本节点内容
myTextElement.textContent='这是新的文本内容';
使用innerHTML属性也可以修改文本节点的内容，但应该注意的是，设置innerHTML属性可能会带来安全风险，因为它可以包含恶意代码。
myTextElement.innerHTML='这是新的文本内容'; // 修改文本节点内容
另外，还可以通过插入文本节点方式，向现有的文本节点添加新的内容。例如：
const myTextElement=document.querySelector('p'); // 获取文本节点
const newText=document.createTextNode('新的文本内容'); // 创建一个新的文本节点
myTextElement.appendChild(newText); // 将新的文本节点添加到已有文本节点后面
在JavaScript中获取元素节点的文本内容，我们可以使用以下代码：
const myTextElement=document.querySelector('p'); // 获取元素节点
const textContent=myTextElement.textContent; // 获取文本内容
console.log(textContent); // 打印输出：这是一段文本节点
JavaScript提供了多种方法操作文本节点的属性和方法，其中最常用的是textContent和innerText。
、document.write 创建
document.write() 方法可向文档写入 HTML 表达式或 JavaScript 代码。
html和css代码
<input type="button" value="创建一个p" id="btn"/>JavaScript代码
*请认真填写需求信息，我们会在24小时内与您取得联系。
