DOM innerText属性用于设置或返回指定节点及其后代的文本内容。此属性与文本内容属性非常相似,但返回除<script>和<style>元素之外的所有元素的内容。
用法:它用于设置innerText属性。
node.innerText = text
返回值:它返回一个字符串值,该值代表元素及其后代的文本内容。
示例1:
<!DOCTYPE html>
<html>
<head>
<title>
HTML DOM innerText Property
</title>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>HTML DOM textContent Property</h2>
<button id="geeks" onclick="MyGeeks()">
Submit
</button>
<p id="sudo"></p>
<script>
function MyGeeks() {
var text =
document.getElementById("geeks").innerText;
document.getElementById("sudo").innerHTML = text;
}
</script>
</body>
</html>
输出:
在单击按钮之前:
单击按钮后:
示例2:
<!DOCTYPE html>
<html>
<head>
<title>
HTML DOM innerText Property
</title>
</head>
<body>
<center>
<h1>GeeksforGeeks</h1>
<h2>HTML DOM innerText Property</h2>
<p id="geeks" style="font-size:20px;">Hello Geeks!</p>
<button onclick="MyGeeks()">
Submit
</button>
<!-- MyGeeks function replace the inner text-->
<script>
function MyGeeks() {
document.getElementById("geeks").innerText =
"Welcome to GeeksforGeeks!";
}
</script>
</center>
</body>
</html>
输出:
在单击按钮之前:
单击按钮后:
支持的浏览器:下面列出了DOM innerText属性支持的浏览器:
- 谷歌浏览器1.0
- Internet Explorer 4.0
- Firefox 1.0
- Opera 3.5
- Safari 1.0
相关用法
- HTML DOM name用法及代码示例
- HTML DOM id用法及代码示例
- HTML Bdo dir用法及代码示例
- HTML Map name用法及代码示例
- HTML li value用法及代码示例
- HTML DOM dir用法及代码示例
- HTML DOM specified用法及代码示例
- HTML DOM URL用法及代码示例
- HTML DOM value用法及代码示例
- HTML KeyboardEvent which用法及代码示例
- HTML Fieldset name用法及代码示例
- HTML DOM className用法及代码示例
- HTML Ol type用法及代码示例
- HTML Option value用法及代码示例
注:本文由纯净天空筛选整理自ManasChhabra2大神的英文原创作品 HTML | DOM innerText Property。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。