JavaScript之DOM插入更新删除_动力节点Java学院整理
JavaScript之DOM插入更新删除,供大家参考,具体内容如下
更新
拿到一个DOM节点后,我们可以对它进行更新。
可以直接修改节点的文本,方法有两种:
一种是修改innerHTML属性,这个方式非常强大,不但可以修改一个DOM节点的文本内容,还可以直接通过HTML片段修改DOM节点内部的子树:
//获取... varp=document.getElementById('p-id'); //设置文本为abc: p.innerHTML='ABC';// ABC //设置HTML: p.innerHTML='ABC REDXYZ'; // ...
的内部结构已修改
用innerHTML时要注意,是否需要写入HTML。如果写入的字符串是通过网络拿到了,要注意对字符编码来避免XSS攻击。
第二种是修改innerText或textContent属性,这样可以自动对字符串进行HTML编码,保证无法设置任何HTML标签:
//获取... varp=document.getElementById('p-id'); //设置文本: p.innerText=''; //HTML被自动编码,无法设置一个