createTextNode()方法用于创建包含元素节点和文本节点的TextNode。它用于向元素提供文本。此方法包含文本值作为字符串类型的参数。
用法:
document.createTextNode( text )
参数:此方法接受强制的单个参数文本。用于指定文本节点的文本。
Example:
<!DOCTYPE html>
<html>
<head>
<title>DOM createTextNode() Method</title>
<style>
h1, h2 {
color:green;
font-weight:bold;
}
body {
text-align:center;
}
</style>
</head>
<body>
<h1>GeeksForGeels</h1>
<h2>DOM createTextNode() Method</h2>
<button onclick="geeks()">Submit</button>
<script>
function geeks() {
var x =
document.createTextNode("GeeksForGeeks");
document.body.appendChild(x);
}
</script>
</body>
</html>
输出:
支持的浏览器:下面列出了DOM createTextNode() Method属性支持的浏览器:
- 谷歌浏览器
- IE浏览器
- 火狐浏览器
- Opera
- 苹果浏览器
相关用法
- PHP DOMDocument createTextNode()用法及代码示例
- HTML DOM contains()用法及代码示例
- HTML DOM appendChild()用法及代码示例
- HTML DOM console.log()用法及代码示例
- HTML DOM hasFocus()用法及代码示例
- HTML DOM replaceChild()用法及代码示例
- HTML DOM requestFullscreen()用法及代码示例
- HTML DOM setNamedItem()用法及代码示例
- HTML DOM hasChildNodes()用法及代码示例
- HTML DOM insertAdjacentElement()用法及代码示例
- HTML DOM removeAttributeNode()用法及代码示例
- HTML DOM insertBefore()用法及代码示例
- HTML DOM insertAdjacentHTML()用法及代码示例
- HTML DOM createComment()用法及代码示例
- HTML DOM compareDocumentPosition()用法及代码示例
注:本文由纯净天空筛选整理自ManasChhabra2大神的英文原创作品 HTML | DOM createTextNode() Method。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。