.value使用案例——免费HtmlDom极速入门

72 阅读1分钟

我和往常一样,一边喝早茶,一边上网和女粉丝侃大山,在手机和平板电脑上整理修改 《C++》 、 《C语言》 、 《Java》 等多年前写的教程,并研究学习各种品牌的小程序。

突然女粉丝问:“陈老师!听说你是公司里的HtmlDom大专家?”。
我答:“略懂略懂,略知1、2”。
女粉丝问:“陈老师!你知道.value使的使方法吗?”。
我答:“知道!”。
女粉丝问:“可以教我吗?”。
我答:“好的!下面写个教程,你回头等我更新网文吧!”。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<head>
<script>
function ChenJie()
{
var cj=document.getElementById("CJ");
cj.value=cj.value.innerHTML="Hello!陈老师的杰哥工作室";
}
</script>
</head>
<body>
输入一些字符: <input type="text" id="CJ" onchange="ChenJie()">
<p>当你输入字符并离开输入框后,元素节点又会变成特定文本内容。</p>
</body>
</html>

< input type="text" id="CJ" onchange="ChenJie()" >
这儿使用了一个input元素,它的样子是text文本框,给它起的ID名字是“CJ”,它可以触发一个onchange事件,

这个onchange事件会执行ChenJie()函数。

var cj=document.getElementById("CJ")
通过CJ这个ID关键字查找到携带它的数据结构元素,并把这个数据结构元素赋值给一个叫cj的变量。

cj.value=cj.value.innerHTML="Hello!陈老师的杰哥工作室"
调用数据结构元素cj.value.innerHTML的文本元素,并写入一个新值"Hello!陈老师的杰哥工作室",

在赋值给cj.value。

杰哥学习笔记分享到这里,会不定期更新,喜欢的粉丝们请收藏、关注、点赞,我的作品。

更多内容请看
虎哥引流器

http://2008622.3vfree.cc/GongNengYie.html