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。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。