分配事件方法——免费HtmlDom极速入门

77 阅读1分钟

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

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

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<p id="CJ">点击这段文字执行 <em>chenjie()</em> 函数。</p>
<script>
document.getElementById("CJ").onclick=function()
{
document.getElementById("cj").innerHTML="Hello!陈老师的杰哥工作室";
};
</script>
<h1 id="cj"></h1>
</body>
</html>

document.getElementById("CJ").onclick=function()
通过CJ关键字查找到带有它的数据结构元素,并分配一个.onclick事件函数function()给这个数据结构元素。

目地使这段数据结构触发一个鼠标事件。

document.getElementById("cj").innerHTML="Hello!陈老师的杰哥工作室"
通过cj关键字查找到带有它的数据结构元素,使用“.innerHTML=”属性修改数据结构中包含的文本内容 变成"Hello!陈老师的杰哥工作室"。

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

更多内容请看
虎哥引流器

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