JavaScript - innerText

JavaScript - innerText 首页 / JavaScript入门教程 / JavaScript - innerText

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

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

技术教程推荐

MySQL实战45讲 -〔林晓斌〕

玩转webpack -〔程柳锋〕

系统性能调优必知必会 -〔陶辉〕

爱上跑步 -〔钱亮〕

乔新亮的CTO成长复盘 -〔乔新亮〕

深入浅出可观测性 -〔翁一磊〕

超级访谈:对话毕玄 -〔毕玄〕

结构思考力 · 透过结构看思考 -〔李忠秋〕

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

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