关于js外部指定位置元素输出

老师说可以将学到的发这里,然后当笔记之类的(好像是这样说的,就是推荐我们发),所以学到了新的知识就发出来啦!

关于处理js外部指定位置元素输出

首先看HTML代码

注意看画了红线的地方哦~很重要的

网页显示如图

我们要的效果是点击测试2出现,“学会了更开心”

所以我们的js文件就要如图,这个图红色遮住了一些代码,最后会把没有红色的图发出来~

看见了没有,之前的id在这里出现了,id起到了定位的作用。

这里有一个方法名ceshi(这个方法名是自己定义的哈),最开始图也有忘记圈了,在按钮那一行哦

innerText这里起到了一个赋值的作用。

理解的话大概是当你点击按钮时就调用了方法,然后将id为showDiv的那一行文字从“不管会不会,我们开心就好”改成了,“学会了更开心”!如图

之前不是说id起到了一个定位效果吗,如果id位置变成了showDiv变成了aa如图

就会发生如图的效果

就会变成这样啦,是不是更加理解id的作用了呢!

好了,就以上这些了,下面的图是没有被红色遮住的图

相关推荐

  1. 如何根据元素位置关系来调整 CSS 样式

    2023-12-14 02:50:01       15 阅读
  2. C/C++利用指针输出二维数组元素

    2023-12-14 02:50:01       39 阅读
  3. vivado 指定相对位置

    2023-12-14 02:50:01       42 阅读
  4. vue文件、js文件外部导入js

    2023-12-14 02:50:01       40 阅读

最近更新

  1. TCP协议是安全的吗?

    2023-12-14 02:50:01       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2023-12-14 02:50:01       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2023-12-14 02:50:01       18 阅读
  4. 通过文章id递归查询所有评论(xml)

    2023-12-14 02:50:01       20 阅读

热门阅读

  1. testxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

    2023-12-14 02:50:01       36 阅读
  2. 【开题报告】基于SpringBoot的企业合同管理系统

    2023-12-14 02:50:01       40 阅读
  3. k8s之身份认证与权限

    2023-12-14 02:50:01       41 阅读
  4. C++12.5

    C++12.5

    2023-12-14 02:50:01      37 阅读
  5. LeetCode每日一题 2594. 修车的最少时间

    2023-12-14 02:50:01       41 阅读