javascript核心技术(三十四)节点操作案例(二) 动态修改页面内容

[复制链接]
查看: 1687|回复: 31
发表于 2023-1-26 22:14:26 | 显示全部楼层 | 阅读模式
本节我们要实现的是,动态修改页面中的内容,通过本案例主要是为了回顾前面所讲的节点属性操作。
实现逻辑如下:
页面中定义一个用来测试的p标签,里面包含任意内容,点击按钮,实现对P标签中内容的修改,大家可以先自己动手试试看,确实做不出来再看以下代码。

<!DOCTYPE html>
<html>
<head>
        <meta charset="utf-8">
        <title>动态修改页面内容</title>
        <style type="text/css">
                .cls{
                        background-color: black;
                }
        </style>
</head>
<body class="" id="body">
    <p id="p">请修改我</p>
    <input type="button" id="btn2" value="修改">
<script type="text/javascript">
        //点击按钮 ,修改p标签中的内容,即p标签的innerHTML属性
        //获取按钮
        var btn = document.getElementById('btn2');
        //绑定点击事件
        btn.onclick = function(){
                //事件处理函数中,获取p标签,修改内容
                var p = document.getElementById('p');
                // console.log(p.innerHTML);
                p.innerHTML = '成功的实现了修改';
        }
</script>

</body>
</html>

javascript核心技术(三十四)节点操作案例(二) 动态修改页面内容

易博软件介绍

0

主题

15

帖子

8

积分

营销入门

Rank: 2

积分
8
发表于 2023-2-20 09:40:05 | 显示全部楼层
楼主的话很是受用  中国的程序员要努力呀!  我想应该更多的人把他们的经写出来,这样好让咋们中国人少走一些弯路  

0

主题

15

帖子

8

积分

营销入门

Rank: 2

积分
8
发表于 2023-3-3 09:07:31 | 显示全部楼层
我很喜欢你的文章啊,希望你能够多写一些啊,对我的帮助回很大的  
发表于 2023-3-13 16:41:57 | 显示全部楼层
我是初学者,启发很大,谢谢这位朋友转载这么好的帖子!!!!

0

主题

21

帖子

11

积分

营销入门

Rank: 2

积分
11
发表于 2023-3-23 16:19:14 | 显示全部楼层
ai~~受不了。。一个怕麻烦的人。。唉。。。

0

主题

9

帖子

5

积分

营销入门

Rank: 2

积分
5
发表于 2023-3-29 00:10:16 | 显示全部楼层
很不错的文章!

0

主题

25

帖子

13

积分

终身会员

Rank: 25Rank: 25Rank: 25Rank: 25Rank: 25Rank: 25Rank: 25

积分
13
发表于 2023-4-3 11:25:28 | 显示全部楼层
^曾经的我,也是有那么点爱编程,学得还可以吧,可是等到我毕业去面试的,没有一个公司愿意录我,那个伤心呀!,后来有程序员招聘也不敢去,所以现在离那个很遥远了!

0

主题

9

帖子

5

积分

营销入门

Rank: 2

积分
5
发表于 2023-4-8 16:37:42 | 显示全部楼层
文章在别处看过,不过很有感触。。。。。

0

主题

23

帖子

12

积分

营销入门

Rank: 2

积分
12
发表于 2023-4-13 12:29:10 | 显示全部楼层
^曾经的我,也是有那么点爱编程,学得还可以吧,可是等到我毕业去面试的,没有一个公司愿意录我,那个伤心呀!,后来有程序员招聘也不敢去,所以现在离那个很遥远了!

0

主题

18

帖子

10

积分

营销入门

Rank: 2

积分
10
发表于 2023-4-18 02:34:31 | 显示全部楼层
不错~~~~~~~~~~但是我的水平还没这么高!!!!
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

1、请认真发帖,禁止回复纯表情,纯数字等无意义的内容!帖子内容不要太简单!
2、提倡文明上网,净化网络环境!抵制低俗不良违法有害信息。
3、如果你对主帖作者的帖子不屑一顾的话,请勿回帖。谢谢合作!
3、问答求助区发帖求助后,如有其他用户热心帮您解决问题后,请自觉点击设为最佳答案按钮。

 
 
QQ在线客服
QQ技术支持
工作时间:
8:00-18:00
软著登字:
1361266号
官方微信扫一扫
weixin

QQ|小黑屋|Archiver|慈众营销 ( 粤ICP备15049986号 )|网站地图

自动发帖软件 | 自动发帖器 | 营销推广软件 | 网络营销工具 | 网络营销软件 | 网站推广工具 | 网络推广软件 | 网络推广工具 | 网页推广软件 | 信息发布软件 | 网站推广工具 | 网页推广软件

Powered by Discuz! X3.4   © 2012-2020 Comsenz Inc.  慈众科技 - Collect from 深圳吉宝泰佛文化有限公司 公司地址:罗湖区黄贝街道深南东路集浩大厦A1403

返回顶部 返回列表