ITPub博客

首页 > IT职业 > IT图书 > JS object.innerHTML的相关说明

JS object.innerHTML的相关说明

IT图书 作者:wangsys 时间:2021-09-09 08:57:23 0 删除 编辑

JS innerHTML


javascript


JavaScript是一种基于对象、事件驱动的简单脚本语言,嵌入在HTML文档中,由浏览器负责解释和执行,在网页上产生动态的显示效果并实现与用户交互功能。



var mychar=document.getElementById("con");
document.write("原标题:"+mychar.innerHTML+"
"); //输出原h2标签内容

mychar.innerHTML="Hello world!";
document.write("修改后的标题:"+mychar.innerHTML); //输出修改后h2标签内容

结果显示:
图片描述
个人理解:
1、页面渲染完成后进行页面绘制;

上述JavaScript代码是在页面渲染过程中执行的;
2、“按引用传递”,id为con的

标题和mychar是同一个引用(可以理解为指向同一个内存地址的指针)。
mychar.innerHTML="Hello world!";语句改变了mychar所指向内存地址中存储的值(由javascript”变为了“Hello world!”),那么在绘制id为con的

标题时,也会按“Hello world!”来绘制。


可将上述代码与原先代码进行对比。

来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/3244/viewspace-2798139/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2019-09-06

  • 博文量
    94
  • 访问量
    7081