博文纲领：

...笔记--appendChild、textContent、innerText、innerHTML(五...

在上一章中，我们已经了解了如何使用appendChild()将新创建的DOM元素插入指定父元素的末尾。接下来，我们将深入探讨textContent、innerText和innerHTML这三个常用的API，它们在处理HTML内容和标签时各有其功能和特性。

html5的笔记（html5例子）

而innerHTML可设置或获取HTML语法表示的元素后代，适用于动态更新元素内容。注意在使用innerText和textContent时，它们分别设置或获取节点及其后代元素的文本内容。不同之处在于，textContent不仅获取可见文本，还包含隐藏元素、script标签内容和style标签中的内容。

IE：innerText FF：textContent W3C：innerHTML innerText返回或者设置DOM元素的文本； innerHTML返回或者设置DOM元素的子元素 区别：取值时 innerText会把只会获取节点里面的文本信息，而innerHTML 会获取节点下面的所有标签。

在获取元素后，我们可以通过`appendChild`、`innerText`、`textContent`等方法来操作元素，如添加文本、修改内容。此外，我们还可以使用`cloneNode`方法来复制节点，使用`insertBefore`和`insertAfter`方法来调整节点位置。

更新DOM节点： innerHTML：修改节点的HTML内容，允许插入HTML代码，但需防止XSS攻击。 innerText：修改节点的文本内容，自动进行HTML编码，确保安全性。 style属性：修改CSS样式，需将CSS属性名转换为驼峰式命名。插入DOM节点： innerHTML：若DOM节点为空，可直接用innerHTML添加内容。

最好采取通用的DOM的方案，不要用个别浏览器识别的。比如你的例子里，就需要用innerHTML，可以将符号空格都保留。

适合新手小白学习的html5零基础教程

1、学习途径 很多视频网站，比如环球青藤网站、腾讯课堂都可以看免费的学习教程视频。新手跟着视频教程学习，需要边学边练，多练习代码，不懂的一定要多看，基础要打牢。开发工具 Html5是一个标记类的语言，虽然用文本编辑器也能编写的，但是用一些集成工具还是高效一些。

2、前端页面重构。主要内容为PC端网站布局、Photoshop 工具及切图、H5移动端网页布局、HTML5+CSS3新特性与交互。学习目标是完成PC端网站布局，可实现响应式布局，一套代码适配 PC 端、移动端、平板设备等。 前后端网页交互。

3、meta标签： 字符编码设置：meta标签通过httpequiv和charset属性帮助浏览器正确显示网页内容。在HTML01版本中，使用meta httpequiv=ContentType content=text/html； charset=utf8来规定字符编码；而在HTML5版本中，简化为meta charset=utf8。

4、HTML + CSS，IT培训网HTML5培训第一阶段就是熟练掌握Web、App的工作原理，HTML语法基础及特性，熟练使用使用HTMl表格、框架结构等技巧，学会DIV+CSS标准化页面布局，了解和掌握CSS新增选择器和边框阴影等新特效的使用方式等知识。

Canvas学习笔记00:canvas基础知识,入门的开始

Canvas基础知识学习笔记：Canvas是什么：Canvas是HTML5中的一种内置元素。它为网页开发者提供了在页面上实时绘制图形、动画和可视化效果的平台。Canvas的作用：通过JavaScript操作Canvas的绘图环境，可以创建各种交互式的图表、游戏场景和动态数据可视化。

canvas是JavaScript代码渲染出来的，当然克隆不了。方法1：找到head里面的script标签的src的文件，克隆下来看看有没有。方法2：在body里面找script标签，把里面的内容克隆下来，看看有没有。一般以ID标记的，找找就能找到了。

大多数 Canvas 绘图 API 都没有定义在 canvas 元素本身上，而是定义在通过画布的getContext() 方法获得的一个“绘图环境”对象上。Canvas API 也使用了路径的表示法。但是，路径由一系列的方法调用来定义，而不是描述为字母和数字的字符串，比如调用 beginPath() 和 arc() 方法。