多应用+插件架构,代码干净,二开方便,首家独创一键云编译技术,文档视频完善,免费商用码云13.8K 广告
>[success] # 节点属性 虽然介绍是节点属性,但是 element 元素是继承节点的因此元素也是有下面这些方法的 >[info] ## 节点的属性 – nodeName、tagName 1. tagName 属性仅适用于 Element 节点; 2. nodeName 是为任意 Node 定义的: 2.1. 对于元素,它的意义与 tagName 相同,所以使用哪一个都是可以的; ![](https://img.kancloud.cn/4c/b8/4cb8d390d9046a6369d10fae7825fd21_417x171.png) 2.2. 对于其他节点类型(text,comment 等),它拥有一个对应节点类型的字符串 ![](https://img.kancloud.cn/87/ac/87acbe6655314d2f3ce7a418c271a388_689x164.png) >[info] ## 节点的属性 - innerHTML、textContent 和对象属性一样,可以获取 也可以赋值 1. innerHTML 属性 1.1. 将元素中的 HTML 获取为字符串形式; ![](https://img.kancloud.cn/08/06/0806fcf912ff4babaa3af851e50128fe_1899x242.png) 1.2. 赋值时候设置元素中的内容,我们将**其作为 HTML插入**,带有所有 HTML 标签。 ~~~ b.textContent = '<div>1</div>' // div 会被渲染 ~~~ 2. textContent 属性 2.1. 仅仅获取元素中的文本内容; ![](https://img.kancloud.cn/14/3b/143b4a05852324f5358b4c705b9e4731_1873x230.png) 2.2. 使用 textContent,我们将其**作为文本插入**,所有符号(symbol)均按字面意义处理。 ~~~ b.textContent = '<div>1</div>' // div 会被处理不被渲染 ~~~