JavaScriptinnerText

JavaScriptinnerText 首页 / JavaScript入门教程 / JavaScriptinnerText

innerText 属性可用于在html文档上编写动态文本。在这里,文本不会被解释为html文本,而是普通文本。

链接:https://www.learnfk.comhttps://www.learnfk.com/javascript/javascript-innerText.html

来源:LearnFk无涯教程网

它主要用于网页中以生成动态内容,例如编写验证消息,密码强度等。

Javascript innerText示例

在此示例中,无涯教程将在按下后释放键时显示密码强度。

无涯教程网

<script type="text/javascript" >
function validate() {
var msg;
if(document.myForm.userPass.value.length>5){
msg="good";
}
else{
msg="poor";
}
document.getElementById('mylocation').innerText=msg;
 }

</script>
<form name="myForm">
<input type="password" value="" name="userPass" onkeyup="validate()">
Strength:<span id="mylocation">no strength</span>
</form>

上面例子的输出:


Strength:poor

祝学习愉快!(内容编辑有误?请选中要编辑内容 -> 右键 -> 修改 -> 提交!)

教程推荐

Coze:零基础开发对话机器人 -〔郭旭〕

前端全链路优化实战课 -〔唐俊开〕

手把手带你写一个MiniSpring -〔郭屹〕

快速上手C++数据结构与算法 -〔王健伟〕

高并发系统实战课 -〔徐长龙〕

大厂设计进阶实战课 -〔小乔〕

检索技术核心20讲 -〔陈东〕

编译原理之美 -〔宫文学〕

邱岳的产品手记 -〔邱岳〕

好记忆不如烂笔头。留下您的足迹吧 :)