Id使用实例01——免费HtmlDom极速入门

76 阅读1分钟

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

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

代码案例:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<p id="cj">你好!陈老师的杰哥工作室。</p>
<script>
ChenJie=document.getElementById("cj");
document.write("<p>使用.write重新写入: " + ChenJie.innerHTML +"</p>");
</script>
</body>
</html>

cj是一个自定义关键字,也就是我们以前常说的ID。

document.getElementById,
通过document.getElementById这个HtmlDom数据结构,
并拿上关键字这把钥匙,就可打开携带关键字的Html元素入口。

ChenJie=document.getElementById("cj"),
这一句是,查找到携带cj名字的对像,并赋值给变量ChenJie。

document.write( " < p >使用.write重新写入: " + ChenJie.innerHTML +" < /p > " );
document.write是写入操作。

ChenJie.innerHTML 读取携带有cj这个ID的元素内容,innerHTML属性把读取出来的内容重新写入到新元素中。

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

更多内容请看
虎哥引流器

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