createTextNode和innerHTML什么区别
来源:互联网 发布:网络牛牛赌博犯法 编辑:程序博客网 时间:2024/04/28 16:59
今天写代码,用到createTextNode,发现好像功能和innerHTML是一样的,于是查阅了网上的资料了。
一、createTextNode 例如:
1
2
3
4
5
var
element = document.createElement(
"div"
);
element.className =
"message"
;
var
textNode = document.createTextNode(
"<Strong>Hello</Strong>"
);
element.appendChild(textNode);
document.body.appendChild(element);
结果: <Strong>Hello</Strong>
二、innerHTML 例子:
1
2
<div > <h2 id=
"h2"
></h2></div>
document.getElementById(
"h2"
).innerHTML =
"<strong>hello</strong>"
;
结果: Hello 识别成加粗的黑体
三、区别
innerHTML和createTextNode都可以把一段内容添加到一个节点中,区别是如果这段内容中有html标签(如例子中的<strong></strong>)时表现就不同了,在createTextNode中会当作文本处理,不会被浏览器解析,但用innerHTML就会被当作HTML代码处理(如你的例子中Hello会被加粗显示)。
总的来说,如果你确定要插入的内容中没有html标签,可以用innerHTML,这样更简洁,但如果不能确定(比如要插入用户输入的内容)建议用createTextNode的方式。
0 1
- createTextNode和innerHTML什么区别
- innerHTML和createTextNode的区别
- 谈谈innerHTML和createTextNode的区别
- JS中innerHTML createTextNode innerText outerHTML 区别
- 区别:innerHTML---innerText---createTextNode--document.write
- innerHTML和outerHTML有什么区别
- javascript DOM innerHTML createElement createTextNode
- javascript DOM innerHTML createElement createTextNode
- innerText和innerHtml区别
- innerText和innerHTML区别
- innerText和innerHTML区别
- innerText和innerHTML区别
- innerHTML 和 innerText区别
- innerText和innerHTML区别
- innerText和innerHTML区别
- html 和 innerHTML区别
- innerHTML 和 pasteHTML 区别
- innerText 和 innerHTML区别
- 1601 - The Morning after Halloween
- 1602 - Lattice Animals
- python logging 模块
- 1603 - Square Destroyer
- 10603 - Fill
- createTextNode和innerHTML什么区别
- 10976 - Fractions Again!
- 11059 - Maximum Product
- 11212 - Editing a Book
- UVa-213Message Decoding
- 12325 Zombie's Treasure Chest
- Android 4.2 Documentation
- 最长回文子串
- KSDK_1.1.0 之hardware_init()函数