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

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

教程推荐

给程序员的写作课 -〔高磊〕

李智慧 · 高并发架构实战课 -〔李智慧〕

用户体验设计实战课 -〔相辉〕

Redis核心技术与实战 -〔蒋德钧〕

许式伟的架构课 -〔许式伟〕

10x程序员工作法 -〔郑晔〕

程序员进阶攻略 -〔胡峰〕

深入浅出gRPC -〔李林锋〕

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

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